こんな感じで作ります。
<div class="navbar"> <div class="navbar-inner"> <div class="container-fluid"> <ul class="nav"> <li><a href="#Home">Home</a></li> <li><a href="#About">About</a></li> <li><a href="#Contact">Contact</a></li> </ul> </div> </div> </div>
.navbar-inverse
を設定することでナビゲーションバーの背景色の設定ができます。(bootstrap.css)<li class="divider-vertical"></li>
<a class="brand">Booststap</a>
.nav-collapse
クラスの付いたdivの中にある項目はブラウザの幅が狭いときは表示されません。.navbar-fixed-top
でナビゲーションを固定できます。