2016-03-29 21 views
0
<nav class="navbar navbar-inverse navbar-fixed-top"> 
    <div class="container-fluid"> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> 
     <span class="sr-only">Toggle navigation</span> 
     <span class="icon-bar" /> 
     <span class="icon-bar" /> 
     <span class="icon-bar" /> 
     </button> <a class="navbar-brand" href="#">QA</a> 
     <button type="button" class="btn btn-default navbar-btn">Sign in</button> 
    </div> 
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
     <ul class="nav navbar-nav"> 
     <li class="active"> 
      <a href="#">About<span class="sr-only">(current)</span></a> 
     </li> 
     <li class="dropdown"> 
      <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Menu<span class="caret"/></a> 
      <ul class="dropdown-menu"> 
      <li> 
       <a href="#">Action</a> 
      </li> 
      </ul> 
     </li> 
     </ul> 
    </div> 
    </div> 
</nav> 

Sorum şudur? kullanıcı mobil çözünürlüğe masaüstünden gider Diyelim ve o görüntülenen ancak düğme olarak artıkBootstrap düğmesi

enter image description here

+0

payı sınıf visible-xs yerde bir menü öğesi ekleme bar Sorununuzu daha iyi anlamak için birkaç küçük kod lütfen. – darkomen

+0

@darkomen Yukarıdaki 2 bölüm, navbar – Aris1982

+0

için kullanılan koddur, paylaşım için teşekkürler, ancak daha okunaklı olması için yazınızı kodunuzla düzenlemelisiniz. Yorumda değil. Ve StackOverflow'a Hoş Geldiniz :) – darkomen

cevap

0

senin nav içinde düğmeye hidden-xs Ders ekle değildir hamburger menü ve bağlantı 'Oturum Aç' tıklar

<button type="button" class="btn btn-default navbar-btn hidden-xs">Sign in</button> 

menünüzde

<li class="visible-xs"><a href="#">Sign In</a></li>