導航條簡單地說就是對你整個網站模塊的簡單介紹，你可以直接點擊導航條某一個按鈕或板塊便可進入其相應的界面，如：網頁、新聞、貼吧等 。在企業網站上，導航條上常見的有：產品介紹，公司簡介，最新產品，聯系我們。

而現在導航條的編寫方式多種多樣，如：CSS、Jquery、Bootstrap等。而在這里就和大家簡單的介紹如何用Bootstrap編寫一個網頁導航條，由于本人習慣用HBuilder進行編寫，所以就在HBuilder和大家進行編碼展示。

首先打開HBuilder，單擊左上角“文件”-->“新建”-->“web項目”，然后隨便取一個項目名稱，我們這里就取導航欄，位置選一個自己能找到的的地方就行，我這里位置放在桌面，其它的不用管，單擊完成就好了。

接下來選中建好的項目，鼠標右鍵單擊選擇”新建“-->”HTML文件“，文件所在目錄不用變，文件名我們這里就寫導航條，其余依舊不用管，然后點擊完成。

差不多就好了，接下來開始配置環境，首先下載Bootstrap插件和Jquery插件，將下載好的插件解壓，根據后綴名分別復制到導航欄項目下的CSS和JS文件中。

環境配置好了，接下來開始編寫。

導航條，這里名字取為導航條。

然后開始對插件進行引用。(插件需要進行引用，否則沒用。)

是標簽的一種， 用于定義文檔與外部資源的關系。這種標簽是空標簽，它僅包含屬性， 標簽沒有結束標簽。另外，標簽位置一般寫在

標簽之內，用來連接外部的文件。rel="stylesheet" type="text/css" 是固定寫法，不可修改，rel是relationship的英文縮寫，也就是“關系”，stylesheet中style是樣式的意思，sheet是表格之意，總起來是樣式表的意思，rel="stylesheet" 的意思就很明顯了：描述了當前頁面與href所指定文檔的關系。即說明的是，href連接的文檔是一個新樣式表，后面是插件所在地址。

src 屬性規定外部腳本文件的 URL(插件位置)。我們需要在網站的多個頁面中運行 JavaScript。不需要重復編寫相同的腳本，只需在單獨的文件中創建 JavaScript，并以 .js 為后綴保存，然后使用