부트 스트랩의 '네비게이션 바'폭 제약 (그래서 나와 함께 곰과 추가 정보를 사용할 수 있는지 알려주세요 질문을 처음.)

Question

가 여기에 좋아 간다

내 메뉴를 죽이고

내 제목이 말하듯, I 부트 스트랩을 사용하여 가로 메뉴 (CSS에서 'navbar'라고 함)를 생성하고 화면 크기를 조금 작게 만들면 오른쪽 끝에있는 네비게이션 막대의 내용이 사라 지거나 다음 줄로 이동하기 시작합니다. 너비가 내용에 가까워지면 일어난다는 것을 이해할 수 있지만 너비가 약 750-768px 일 때 일어난다. 일부 테스트에서는 콘텐츠 자체가 완전히 멍청이으로 변경되었습니다. 솔직히 누군가가 내게 왜 (그리고) 무엇이 일어나고 있는지 말할 수 있다면 나는 그것을 감사 할 것입니다. 지옥, 그것은 훌륭한 접근성 속임수가 될지도 모릅니다!

@media (최소 너비 : 768px)라는 이상한 약간의 코드가 있습니다. 나에게 정말로 이상한 점은 크롬 관리자가 내게도이 일을 바꿀 수 없다는 것입니다. 그것은 내가 전에 보지 못한 것입니다. 솔직히 말해서,이 서식 속성에 익숙하지는 않지만 교육은 지금까지 충분한 통찰력을 제공하지 못했습니다.

지금 나는 오히려이 시점에서 온라인 전체 코드베이스를 덤프하지 않는 게 좋을 때문에 사람이 잘 알고 발견 한 문제 (내가 찾아 봤는데,하지만 안타) 인 것을 바라고 있어요. 필요하다면 나는 준수 할 것이지만, 나는 누군가가이 문제에 대한 자신의 경험을 공유 할 수 있기를 바라고 내 '분노의 주먹'을 내려 놓을 수있다. 그것은 매우 화난 주먹입니다. 날 믿어.

배송은 기능 ... 아마도 가장 중요한 기능입니다.

Answer 1

다른 사람들이 언급했듯이, 당신이 언급 한 행동은 부트 스트랩 기본값입니다 ... 당신은 그것을 사용자 정의 할 수 있습니다.

CSS 미디어 쿼리 @media (최소 너비 : 768px) ...은 탐색 메뉴가 축소되는 뷰포트 또는 창 너비를 설정합니다. 이 값을 변경하려면 http://getbootstrap.com/customize/으로 이동하여 미디어 쿼리 중단 점으로 스크롤하고 @ screen-sm을 원하는 너비까지 설정하십시오.

http://getbootstrap.com/customize/으로 이동하면 그리드 시스템 섹션으로 스크롤하여 @ grid-float-breakpoint를 사용하여 navbar collapse를 사용자 정의 할 수 있습니다. 아래의 수정을 위해 cvrebert 덕분에

그런 다음 페이지 맨 아래로 이동하여 사용자 정의 된 부트 스트랩 CSS 파일을 컴파일하고 다운로드하십시오.

LESS를 사용하는 경우 비슷한 기능을 수행 할 수 있습니다.

희망은 분노의 주먹을 풀어줍니다.)