如何使我的導航欄在Twitter引導程序上無響應

我目前正在使用Twitter Bootstrap設計一個網頁，並且在我的頁面上我想要一個導航欄附加到頁面頂部，當寬度頁面縮小，第二個導航欄固定在頁面底部，當頁面縮小時不會摺疊，因爲它只有一些社交媒體圖標。如何使我的導航欄在Twitter引導程序上無響應

問題是我想讓頂部導航欄響應，而最下面的導航欄不響應。

這是可能的使用引導3，我有什麼迄今底部導航欄如下：

<div class = "navbar navbar-inverse navbar-fixed-bottom"> 
    <div class = "container"> 
     <ul class = "nav navbar-nav navbar-right"> 
      <li><a href = "#">Home</a></li> 
      <li><a href = "#">Blog</a></li> 
      <li><a href = "#">Contact Us</a></li> 
      <li><a href = "#">About</a></li> 
     </ul> 
    </div> 
</div>

來源

2015-04-12 RowanK

如果您沒有在網站上的任何位置使用響應，您可以下載自定義版本的Bootstrap，而無需http://getbootstrap.com/customize的響應 –

只需從無序列表中刪除navbar-nav，並添加display:inline-block到您的列表項樣這樣的：

HTML：

<div class = "navbar navbar-inverse navbar-fixed-bottom"> 
    <div class = "container"> 
     <ul class = "nav navBot"> 
      <li><a href = "#">Home</a></li> 
      <li><a href = "#">Blog</a></li> 
      <li><a href = "#">Contact Us</a></li> 
      <li><a href = "#">About</a></li> 
     </ul> 
    </div> 
</div>

CSS：

.navBot li { 
    display:inline-block;  
}

下面是上述代碼的的jsfiddle：https://jsfiddle.net/AndrewL32/e0d8my79/41/

來源

2015-04-12 21:01:16

另一種方法，使導航欄非響應將給予.navbar固定的寬度等600px。

來源

2015-04-13 06:32:57

如何使我的導航欄在Twitter引導程序上無響應

回答

相關問題