2016-04-04 11 views
0

私はシンプルなブートストラップnavbarを持っています。幅が768未満では、2行で表示されます。高い幅であるように私が一列に項目の両方を表示するにはどうすればよいのナビゲーションバー-NAVは常に768ピクセル未満のスクリーン幅でアイテムをスタックしますブートストラップnavbarが複数の行に表示されないようにする方法

<nav class="navbar navbar-default"> 
     <div class="row"> 
     <ul class="nav navbar-nav"> 
      <li class=""><a href="#">Item 1</a></li> 
      <li><a href="#">Item 2</a></li> 
     </ul> 
     </div> 
    </nav> 

答えて

0

(私は崩壊の機能を使用する必要はありません)。しかし、あなたは、このような垂直スタッキングを上書きすることができます。..

.navbar-nav>li, .navbar-nav { 
    float: left !important; 
} 

デモ:http://bootply.com/gdrP1tkY0c

また、あなたはおそらく代わりにrowcontainer-fluidをしたいです。

+0

ありがとうございました – Pramodh

関連する問題