2016-03-29 23 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> 

Meine Frage ist folgende: Ist es in Bootstrap möglich, die Schaltfläche in der Navigationsleiste im Innern des Toggle-Menü als Link und nicht als Schaltfläche haben? Können sagen, der Benutzer von Desktop auf mobile Auflösung geht und er klickt auf das Hamburger-Menü und den Link ‚Anmelden‘ angezeigt wird, aber nicht als Schaltfläche mehrBootstrap-Taste auf navbar Menü Toggle

enter image description here

+0

teilen sich ein wenig Code für mehr verstehen Sie Ihr Problem bitte. – darkomen

+0

@darkomen Die 2 Teile oben ist der Code für die Navbar – Aris1982

+0

Vielen Dank für die Freigabe, aber Sie müssen Ihren Beitrag mit Ihrem Code für besser lesbar bearbeiten. Nicht in einem Kommentar. Und Willkommen bei StackOverflow :) – darkomen

Antwort

0

hidden-xs Klasse auf die Schaltfläche in Ihrem nav hinzufügen Bar

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

einen Menüpunkt hinzufügen mit Klasse visible-xs irgendwo in Ihrem Menü

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