在Web頁面中並不是所有的按鈕都在表單中， 導航條中的按鈕也是如此。 上面導航條中的按鈕包含在表單中， 如果需要將置於外， 則可以使用Bootstrap中的樣式類class="navbar-btn"， 讓它在導航條中垂直居中， 代碼如下：
代碼中的直接跟在了導航條功能表的後面， 並未包含在表單之中， 頁面運行效果如圖所示。
當然我們也可以使用class="navbar-right"讓按鈕居右顯示， 這個和class="navbar-form"的效果是一樣的。 需要注意的是， 導航條中儘量不要使用標籤來代替按鈕。
如果要在導航條中使用文本內容， 則需要使用class="navbar-text"， 代碼如下：
除了文本之外， 我們還可以使用連結， 這個時候我們應該在連結上使用class="navbar-link"， 代碼如下：
在導航條中使用文本我們一般使用
標籤， 並且
標籤使用class="navbar-text"樣式， 連結上使用class="navbar-link"頁面運行效果如圖所示