2016-04-18 13 views
0

私はTwitterのブートストラップを使ってnavbar/headerに取り組んでいます。私の要素は右に並んでいません。 これは私が試した多くの方法の一つである:HTML&Bootstrap nav-rightは要素を右揃えにしていませんか?

<div class="nav navbar-right"> 
       <ul class="nav navbar-right"> 
        <form method="post" action="register.php" class="navbar-form navbar-right"> 
         <button type="submit" class="btn btn-warning navbar-right">Register</button> 
        </form> 
       </ul> 
      </div> 

が、無駄に。この目標を達成するにはどうしたらいいですか?ありがとう!

答えて

0

DEMO

<div class="container-fluid"> 
    <div class="row">  
     <div class="col-md-6 text-right"> 
      <form method="post" action="register.php" class=""> 
       <button type="button" class="btn btn-warning">Register</button> 
      </form> 
      <form method="post" action="index.php" class=""> 
       <button type="button" class="btn btn-primary">Login</button> 
      </form> 
     </div> 
    </div> 
</div> 

あなたは<li></li>タグなしでご<form>タグの<ul></ul>タグ

にを入れているのでところで、あなたのマークアップは、少し間違っていました。

+0

は動作していないようです...すべてはまだ右ではなく左に揃っています。 –

+0

ブラウザのサイズを変更すると最初のデモが機能していましたが、私は自分の答えを更新しました。デモを見てください1 – aldanux

+0

はまだ私のボタンを右に引っ張っていませんが、今は2つのボタンが積み重なっています。これと同様に、ボタンは左側にあります:http://jsbin.com/wumimejade/edit?html,css,output –

関連する問題