분류 bootstrap

내용이 전체 폭에 꽉차게 하는 방법

컨텐츠 정보

  • 조회 4,721 (작성일 )

본문

샘플사이트(http://sample.365ok.kr/basic)를 보면,

 

상단 네비게이션 부분은 브라우저 창을 키워도 전체폭에 꽉차는 것을 볼 수 있습니다..

내용부분과 하단 부분은 그렇지 않은데...

 

내용부분과 하단부분을 전체폭에 꽉 채울 수도 있고,

상단 네비게이션 부분을 내용부분과 하단처럼 고정시킬 수도 있습니다.

 

<div class="container-fluid"> 또는 <div class="container">을 찾아서

 

전체 폭으로 하고 싶으면 

container를 전부 container-fluid로 수정하면 됩니다.

 

반대로 고정폭으로 하고 싶으면

container-fluid클래스가 사용된 부분을 찾아 container로 수정하면 됩니다..

bootstrap네비게이션