Bootstrap statik navbar gücü küçük ekranda büyütün

Question

Boostrap şablonundan bu menü kodu verildiğinde, ekran boyutu küçük olarak algılandığında her bir menü öğesinin hem yığına hem de tam genişliğe sahip olmasını istiyorum. Temel olarak, "üçlü çubuk" menü düğmesine basıldığında, kullanıcının manuel olarak basması gerekmediği durumlarda aynı işlevsellik.

Şimdiden teşekkürler. Ben kullanıcıların üçlü hat (hamburger) menü ve tüm menü öğeleri daha küçük ekranda yatay yığılmış olmalıdır tıklamak zorunda kalmadan, varsayılan olarak tüm menü öğeleri görünür kılmak istedik anlamak ne

<!-- 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> 

Answer 1

.

Yukarıdaki kodunuz düzgün. "in" sınıfına navbar-collapse div ve tüm sete bir sınıf ekleyin. http://jsfiddle.net/shekhardesigner/35gSz/