container-fluid

불당   
   조회 3646  

부트스트랩을 적용하다가 보면 태블릿과 air급의 노트북에서 이상한 부분이 생깁니다.

안그래도 화면이 작은데, 화면을 꽉 채우지 못하고 좌우에 빈틈이 생기는거죠.

xs, sm, md ... break 되는 사이즈의 단계별로 폭이 나타나면 진짜 이상 합니다.

 

이때 필요한 것이 container-fluid 클래스인데, 매뉴얼의 앞이라서 무시하고 지나갔었네요. -.-

 

Bootstrap requires a containing element to wrap site contents and house our grid system. You may choose one of two containers to use in your projects. Note that, due to padding and more, neither container is nestable.

Use .container for a responsive fixed width container.

Use .container-fluid for a full width container, spanning the entire width of your viewport.

 

 

그런데, 한가지 추가해야 하는 것이 큰 화면에서 폭이 무한대로 폭주하는 것 입니다.

그것은 style에서 조정해줘야 합니다.

 

 .container-fluid { max-width:1170px;}

 

http://stackoverflow.com/questions/18964366/twitter-bootstrap-container-fluid

- opencode.co.kr -


제목Page 2/10
     
2015-05   94233   불당
2016-05   59051   불당
2015-09   78898   불당
2016-07   54187   불당
2011-12   197046   불당
2016-02   4227   불당
2016-01   3555   불당
2016-01   3339   불당
2016-01   6312   불당
2015-12   4052   불당
2015-12   3829   불당
2015-12   3781   불당
2015-12   3855   불당
2015-12   3647   불당
2015-12   3657   불당
2015-12   3566   불당
2015-12   5814   불당
2015-11   3486   불당
2015-11   3534   불당
2015-11   3550   불당
2015-10   3849   불당
2015-10   3475   불당
2015-10   3887   불당
2015-10   4947   불당
2015-10   4400   불당