2012-08-31 3 views
4

그래서 부트 스트랩에 대한 반응 형 그리드가 내 사이트에 끔찍한 것처럼 보입니다. 창을 축소하면 모든 것이 함께 뭉개지고 네비게이션 바가 세 줄로 접 힙니다 (응답 성이 무너지는 네비게이션을 비활성화 시켰습니다).부트 스트랩에서 "반응 형"그리드를 어떻게 비활성화합니까?

bootstrap-responsive.css를 삭제하려고했지만 여전히 "유동적 인 라이브 그리드 축소"작업을 수행합니다. 나를 미치게하고있어.

Navbar 및 전체 페이지의 최소 너비는 어떻게 설정할 수 있습니까? 그래서 모든 것이 함께 푸시되지 않으므로 페이지를 탐색하기 위해 가로 스크롤 막대를 사용해야합니다.

답변

11

bootstrap-responsive.css을 제거하면 원하는 동작을 제공해야합니다. 모든 span * 클래스는 부모 컨테이너에 row이 아닌 row-fluid이 아닌 한 일반 부트 스트랩의 명시적인 너비입니다. row 클래스는 너비 제약 조건을 제공하지 않으며 <body>에도 적용되지 않습니다. 그러나 container 클래스는 표준 bootstrap.css에서 명시적인 너비가 940 픽셀입니다.

+1

아, 내가 삭제하면 왜 작동하지 않는지 깨달았습니다. bootstrap-responsive.css 내용은 bootstrap.css 파일에도 있습니다. 반응 형 부품을 주석 처리했으며 작동 중입니다. 이게 정상인가? responsive.css 파일이 기본 파일에 이미 포함되어있는 경우 왜 그들은 responsive.css 파일을 보유하게됩니까? – kennysong

+1

[Twitter Bootstrap 앞 페이지] (http://twitter.github.com/bootstrap/)에서 해당 파일을 다운로드하지 않았습니다. BootstrapCDN과 같은 비공식 CDN이 평범하고 응답 성이 좋은 것을 알고 있지만, 공식 사이트에서의 기본 다운로드는 그렇지 않습니다. 아니면 [사용자 정의 페이지] (http://twitter.github.com/bootstrap/customize.html)를 사용 했습니까? – merv

+0

아, 사용자 지정 페이지를 사용했다고 생각합니다. 말이된다. 고맙습니다! – kennysong

관련 문제