정보실

웹학교

정보실

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

본문

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

 

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

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

 

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

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

 

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

 

전체 폭으로 하고 싶으면 

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

 

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

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

  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

조회 1,755회 ]  작성일14-10-14 23:13

웹학교