부트 스트랩 고정 navbar 강제로 작은 화면에서

boostrap 템플릿 에서이 메뉴 코드를 감안할 때, 나는 스택과 화면 크기가 작은 것으로 감지되면 전체 너비를 차지할 각 메뉴 항목을 원한다. 본질적으로, "트리플 바"메뉴 버튼을 눌렀을 때와 동일한 기능, 사용자가 수동으로 눌러야하는 경우는 제외합니다.부트 스트랩 고정 navbar 강제로 작은 화면에서

미리 감사드립니다. 난 당신이 사용자가 트리플 라인 (햄버거) 메뉴와 모든 메뉴 항목이 작은 화면에 수평으로 적재해야 클릭 할 필요없이 기본적으로 모든 메뉴 항목을 볼 수 있도록하고 싶었 이해 무엇

<!-- Static navbar --> 
    <div class="navbar navbar-default"> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </button> 
     <a class="navbar-brand" href="#">Project name</a> 
    </div> 
    <div class="navbar-collapse collapse"> 
     <ul class="nav navbar-nav"> 
     <li class="active"><a href="#">Link</a></li> 
     <li><a href="#">Link</a></li> 
     <li><a href="#">Link</a></li> 
     </ul> 
    </div><!--/.nav-collapse --> 
    </div>

출처

2013-09-29 B. VB.

위의 코드는 정상입니다. navbar-collapse div 및 모든 집합에 "in" 클래스를 추가하기 만하면됩니다. http://jsfiddle.net/shekhardesigner/35gSz/

출처

2013-09-29 23:26:15

당신이 부트 스트랩 JS 페이지에 포함되어했는지 확인하십시오 : 여기

<div class="navbar navbar-default"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">Project name</a> </div> <div class="navbar-collapse collapse in"> <ul class="nav navbar-nav"> <li class="active"><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> </div>

데모입니다. –

빙고, 완벽하게 작동합니다! –

부트 스트랩 고정 navbar 강제로 작은 화면에서

답변

관련 문제