一、和導(dǎo)航的區(qū)別

專注于為中小企業(yè)提供網(wǎng)站設(shè)計(jì)制作、網(wǎng)站建設(shè)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)清徐免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了上1000家企業(yè)的穩(wěn)健成長(zhǎng)，幫助中小企業(yè)通過(guò)網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

1.導(dǎo)航條比導(dǎo)航多了一個(gè)條字

2.直接上圖

導(dǎo)航：

 導(dǎo)航條：

簡(jiǎn)單文字描述： 由兩張圖看出，導(dǎo)航內(nèi)容比較簡(jiǎn)單，而導(dǎo)航條可以包含導(dǎo)航及其他元素，如表單，搜索框等，并且通常導(dǎo)航條會(huì)有一個(gè)區(qū)別于頁(yè)面的背景色。

二、在頁(yè)面中定義導(dǎo)航條

方法：

為父容器添加類名navbar navbar-default。navbar-default類用來(lái)規(guī)定導(dǎo)航條的顏色，可以更改為navbar-inverse來(lái)讓導(dǎo)航條反色顯示。bootstrap官網(wǎng)建議使用nav元素。但也常用div元素，建議用div元素時(shí)增加role="navigation"屬性，該屬性對(duì)一些特殊的輔助設(shè)備友好。

結(jié)構(gòu)：

標(biāo)題或者logo放在類名為.navbar-header>.navbar-brand的容器中，其他條目可以放在類名為.nav navbar-nav的容器中

分享標(biāo)題：bootstrap中的導(dǎo)航條實(shí)例代碼詳解-創(chuàng)新互聯(lián)
瀏覽路徑：http://weahome.cn/article/dgoodo.html