2016-03-29 54 views
0

ナビゲーション・メニュー&ボタンを含むブートストラップを備えたnavbarを作った。 ナビゲーションメニューが左側に浮動し、ボタンが右側にあります。私は彼らの位置を変更してメニューが右側に固執するようにしたい&ボタンは左側にあるでしょう。Bootstrapのnavbarメニューを右に浮かせる方法は?

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

答えて

0

navbar-leftnavbar-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 --> 
0

ただ、ナビゲーションバー右、ナビゲーションバーから左クラッセの このように使うのメイクの使用:

ここに私のコードです...そんなことをするためにどのように私を助けてください
<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 --> 
0
<div class="collapse navbar-collapse navbar-right" id="navbar-collapse"> 
    <a href="" class="btn btn-warning navbar-btn navbar-left">Download Now</a> 

私は上記のコードは、あなたのために働く願っています。私はdiv全体のnavbar-rightを作った、navbar-leftはボタンのために残した。

関連する問題