使用bootstrap導航NavBar底部？

嘿，夥計們不知道，如果我的標題是正確的，但我是新來引導，我想出來的導航欄，到目前爲止喜歡它，但我卡住試圖完成這個使用bootstrap導航NavBar底部？

enter image description here

我想要什麼是我的物品在我的UL欄中以黃色標記，並且在底部，我也標記爲黃色，是否有任何課程可以用於此課程，還是我必須添加自己的CSS課程來完成此任務？

這裏是我的html代碼

<div class ="navbar navbar-fixed-top"> 
    <div class="navbar-inner"> 
    <div class="container"> 
     <a href="default.aspx" class = "brand"><img alt ="Imagen no disponible" src ="Img/Aralogo.png" /></a> 
     <div class ="nav-collapse collapse"> 
      <ul class="nav"> 
      <li><a href ="#"><h4> Compañia </h4></a> </li> 
      <li><a href ="#"><h4> Nomina </h4></a></li> 
      <li><a href ="#"><h4> Inventario </h4></a></li> 
      <li><a href ="#"><h4> Planificacion</h4></a></li> 
      <li><a href ="#"><h4> Reportes </h4></a></li> 
      </ul> 
     </div> 
     </div> 
    </div>

感謝。

來源

2013-06-26 Luis Palacios

嗯...如果你想那些導航欄鏈接向下移動，你可以只改寫填充樣式他們。運用Twitter的引導風格已被應用後，這種風格會達到什麼樣的，我相信你正在尋找：

.navbar .nav > li > a { 
    padding: 20px 15px 0; 
}

如果不適合你足夠低，你可以改變H4元素以及與：

.navbar .nav > li > a > h4{ 
    margin: 20px 0 0; 
}

（如果那是太低了，你可以改變20像素到一些較小的數字。）

我希望這可以幫助你。如果CSS框架超出了基本設計的範圍，那麼有時可能會很棘手，但要堅持下去！祝你好運！

來源

2013-06-27 01:48:19 Serlite

工作就像一個魅力thx男人。 –

我最近碰到這個。只需添加一個額外的容器圍繞品牌元素

<div class="container"> 
<a href="default.aspx" class = "brand"><img alt ="Imagen no disponible" src ="Img/Aralogo.png" /></a> 
</div>

來源

2013-06-27 00:00:59 NateWiley

即時通訊不知道如果我做對了，但加入這個，結果是這個http://s13.postimg.org/tbp3fwqrr/Captura2.png不是真的是我想找的 –

使用bootstrap導航NavBar底部？

回答

相關問題