默認情況下，導航條的定位屬性為 static，它的位置由它的HTML代碼中定義的順序出現，並隨着頁面向下滾動而消失。也可以改變它的定位方式，讓它固定顯示在瀏覽器窗口的頂部或底部。
1、固定在頂部
如果想讓導航條固定在頁面頂部，只需在 .navbar 類后面追加一個 .navbar-fixed-top 類即可。如：
<div class="navbar navbar-fixed-top">...</div>
效果如圖 4‑35所示：
圖4-35 Bootstrap導航條固定在頂部
2、固定在底部
要讓導航條固定在頁面底部，只要把 .navbar-fixed-top 類改為 .navbar-fixed-bottom 類即可。如：
<div class="navbar navbar-fixed-bottom">...</div>
效果如圖 4‑36所示：
圖4-36 Bootstrap導航條固定在底部
需要注意的是，導航條被固定之后，它就可能覆蓋其他頁面元素。為了防止這種情況發生，需要給給 <body> 元素設置合適的內邊距。由於導航條的默認高度是 40px，所以至少要給 <body> 元素添加 40px 的內邊距。
導航條固定在頂部的時候，設置如下：
body { padding-top: 40px; }
導航條固定在底部的時候，設置如下：
body { padding-bottom: 40px; }
上述兩行代碼不必同時設置，只需根據導航條所固定的位置，選擇其中一個即可。並且，一定要在Bootstrap的核心CSS（即，bootstrap.css）文件之后，響應式CSS（即，bootstrap-responsive.css）文件之前添加該樣式。