2014-07-25 3 views
0

Navbar-right 드롭 다운이있는 기본 부트 스트랩 3 네비게이션이 있습니다.하지만 대형 데스크톱에서 태블릿 크기로 줄이면 주 메뉴 아래로 이동하지 않고 축소됩니다. http://www.doorsets.org.uk/apollodoors/index.html부트 스트랩 3 navbar-right가 태블릿 너비에서 접히지 않습니까?

미디어 쿼리 섹션을 변경하는 것과 관련이 있다고 생각하지만 변경해야 할 부분이 무엇인지 잘 모르겠습니다. 누구든지 도와 줄 수 있습니까?

대부분이 주제에 대한 부트 스트랩의 문서에서 NJ

답변

1

감사 : 브레이크 포인트 축소 된 모바일 네비게이션 바 변경

뷰포트가 좁은 것보다 때 네비게이션 바는 수직 모바일보기로 붕괴 @ grid-float-breakpoint이고, 뷰포트가 너비가 적어도 @ grid-float-breakpoint 이상일 때 가로가 아닌 비 모바일 뷰로 확장됩니다. 좁은 소스에서이 변수를 조정하면 탐색 막대가 축소/확장 될 때를 제어 할 수 있습니다. 기본값은 768px (가장 작은 '작은'또는 '태블릿'화면)입니다.

당신이 탐색 바는 큰 화면에 붕괴 싶다면, 당신은 아마도 900px 당신을 맞는 뭔가 @ 그리드 - 플로트 중단 점의 값을 변경해야 http://getbootstrap.com/components/#navbar

를 참조하거나, less @ screen-md-min.

+1

나는 발견이/내 사이트 전체 교체하고 "그리드 플로트 중단 점을 찾을 수 없습니다 했어 ". 이 설정과 코어 파일을 편집하려면 어떻게해야합니까? – NathonJones

+0

부트 스트랩을 사이트와 통합하는 방법에 따라 다릅니다. 부트 스트랩 CDN에 연결 하시겠습니까? 아니면 부트 스트랩 웹 사이트에서 파일을 다운로드 했습니까? 두 번째 옵션을 사용했다면 @ grid-float-breakpoint를 수정 한 후 [here] (http://getbootstrap.com/customize/)에서 사용자 정의 된 부트 스트랩을 다시 다운로드 할 수 있습니다. – NicoFerna

+1

CSS, FONTS 및 JS 폴더와 관련 파일을 제공하는 http://getbootstrap.com/getting-started/에서 부트 스트랩을 다운로드했습니다. 위의 조언을 고려할 때 가장 혼란스러운 @ grid-float-breakpoint가 없습니다. – NathonJones

0

@NicoFerma가 정확하고 "grid-float-breakpoint"는 새 부울 렙 설치를 구성 할 때 변경할 변수입니다. 당신이 bootstap의 새 버전을 설치하지 않을 경우,이 간단한 찾기 /을 boostrap.min.css/boostrap.css 파일에 대체는 나를 위해 일했습니다

찾기

@media(min-width:768px 

*이 원하는 탐색 바 swithchpoint에 최소 폭 픽셀을 수정

@media(min-width:922px 

로 교체

관련 문제