Bootstrap'te navbar menüsünü sağa nasıl kaydırırsınız?

Question

Navigasyon menüsü & bir düğme içeren bir bootbar ile bir navbar yaptım. Gezinme menüsü sol tarafa doğru kayar ve düğme sağ taraftadır. Konumlarını değiştirmek istedim, böylece menü sağ tarafa & sadık kalacaklardı ve sol taraftaki butona basılacaktı. navbar-left ait

<nav class="navbar navbar-inverse navbar-fixed-top" id="my-navbar"> 
    <div class="container"> 
     <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> 
       <span class="icon-bar"></span> 
      </button> 
      <a href="" class="navbar-brand">Wiredwiki</a> 
     </div><!-- Navbar Header --> 
     <div class="collapse navbar-collapse" id="navbar-collapse"> 
     <a href="" class="btn btn-warning navbar-btn navbar-right">Download Now</a> 
      <ul class="nav navbar-nav"> 
       <li><a href="#feedback">Feedback</a></li> 
       <li><a href="#gallery">Gallery</a></li> 
       <li><a href="#features">Features</a></li> 
       <li><a href="#faq">Faq</a></li> 
       <li><a href="#contact">Contact</a></li> 
      </ul>    
     </div> 
    </div><!-- End Container --> 
</nav><!-- End Navbar --> 

Answer 1

yararlanın ve navbar-right

<nav class="navbar navbar-inverse navbar-fixed-top" id="my-navbar"> 
    <div class="container"> 
     <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> 
       <span class="icon-bar"></span> 
      </button> 
      <a href="" class="navbar-brand">Wiredwiki</a> 
     </div><!-- Navbar Header --> 
     <div class="collapse navbar-collapse" id="navbar-collapse"> 
     <a href="" class="btn btn-warning navbar-btn navbar-left">Download Now</a> 
      <ul class="nav navbar-nav navbar-right"> 
       <li><a href="#feedback">Feedback</a></li> 
       <li><a href="#gallery">Gallery</a></li> 
       <li><a href="#features">Features</a></li> 
       <li><a href="#faq">Faq</a></li> 
       <li><a href="#contact">Contact</a></li> 
      </ul>    
     </div> 
    </div><!-- End Container --> 
</nav><!-- End Navbar --> 

Answer 2

Sadece classe en Bunun gibi navbar-hakkını kullanabilir ve Navbar'ın sol: nasıl böyle bir şey yapmak için bana yardım edin .. İşte benim kod

<nav class="navbar navbar-inverse navbar-fixed-top" id="my-navbar"> 
    <div class="container"> 
     <div class="navbar-header navbar-right"> 
      <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> 
       <span class="icon-bar"></span> 
      </button> 
      <a href="" class="navbar-brand">Wiredwiki</a> 
     </div><!-- Navbar Header --> 
     <div class="collapse navbar-collapse navbar-right" id="navbar-collapse"> 
     <a href="" class="btn btn-warning navbar-btn navbar-left">Download Now</a> 
      <ul class="nav navbar-nav"> 
       <li><a href="#feedback">Feedback</a></li> 
       <li><a href="#gallery">Gallery</a></li> 
       <li><a href="#features">Features</a></li> 
       <li><a href="#faq">Faq</a></li> 
       <li><a href="#contact">Contact</a></li> 
      </ul> 
     </div> 
    </div><!-- End Container --> 
</nav><!-- End Navbar --> 

Answer 3

<div class="collapse navbar-collapse navbar-right" id="navbar-collapse"> 
    <a href="" class="btn btn-warning navbar-btn navbar-left">Download Now</a> 

yukarıdaki kodu sizin için işe yarar. Düğme için navbar-sol, tüm div için navbar-sağ yaptık.