2025-08-10 CSS 배운것 정리

display: flex 가 있으면 자식 요소들이 기본적으로 가로 방향으로 나란히 배치된다.

 

아래 둘 중 하나가 있어야 버튼들이 가로로 나열된다:

css 파일

.dropdown.flex { 
	display: flex;
    }

 

 

Jsx 파일

 

<div className="d-flex">
		{/* Bootstrap에서 d-flex가 display: flex 역할 */} ... 
</div>