본문 바로가기
프로그래밍 언어/부트스트랩(Bootstrap)

[bootstrap] 부트스트랩 그리드 – 전체폭 레이아웃

by 우림 2016. 1. 15.



부트스트랩 그리드에서는 .container 선택자를 사용하는데요.
.container 선택자에 -fluid만 추가하면 전체폭 레이아웃으로 변경됩니다.

 

 <div class=”container-fluid“>…</div>

 

부트스트랩 2.0 버전에서는 .row 선택자도  .row-fluid로 같이 변경해야 했지만 3.0에서는 .container-fluid만 변경하면 됩니다. .container-fluid는 너비가 정해지지 않아서 부모 요소의 너비에 따라 좌우되며 주로 전체폭 레이아웃을 만들 때 사용합니다.

댓글