[CSS]bootstrap에서 반응형 제거

Posted by: admin

설명은 여기 참조

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

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

[html]

[/html]

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

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

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

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

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

Leave a Reply