Skip to content

[CSS]bootstrap에서 반응형 제거

설명은 여기 참조

http://getbootstrap.com/examples/non-responsive/

  1. index.html 에 아래 내용 추가/변경

[html]

[/html]

  1. bootstrap 항목중에 navbar media 쿼리 삭제

  2. 아래 CSS 추가 [css] .container { width: 970px !important; } [/css]

  3. col-* 관련 media 쿼리 제거 (가장 중요)

col-sm, col-md, col-lg 등 미디어 쿼리가 있는데 내용은 그대로 두고 미디어 쿼리만 제거 [code] @media (min-width: 767px ) … 등등 3가지 정도 있다. [/code] 여기서

@media (){} 쿼리만 삭제하고 안의 내용은 남겨둔다.

Published inCSS