浪啊浪啊浪~ 我要在代碼的海洋里浪飛天~~~

一個個浪過去，先來撩一個名叫BootStrap的漢紙，從頭開始，我要把它剝光光（?(? ???ω??? ?)?）

那就先從導航部分開始，級別低的我看不上，我們來一個高級別的響應式的，要聰明的，自覺地，就類似這樣子的：

什么是響應式呢? 就是窗口變大變小的時候實現不一樣的樣子，也就是自己去適應不同的環境，而不是我去遷就他（應該放帥哥哥的，失誤失誤）

那其實BootStrap本身就是響應式不是，其實這個還是挺好做的，給你個充氣娃娃（我允許你拿我的當模板）

然后只要知道導航的幾個組件就ok了，至于組件的一些樣式什么的呢，看你心情，你想要帥哥還是大叔 ，姑娘還是人妖，自己去組合鼻子眼睛

那我們就來看下我寫的這個用到的幾個導航組件（不過基本已經把常用的都包含上了）：

其實啊，真正的顏值在于上邊的按鈕，也就是這一段

button就是右上角的三道杠按鈕，里面的類navbar-toggle是給這個button加個樣式，讓他處于導航條的右邊，不加的話是呢個熊樣你可以試試。data-toggle="collapse"跟下拉菜單data-toggle="dropdown"一個尿性，表明這個是三條杠導航。data-target="#bs-example-navbar-collapse-1"指定點擊三道杠后彈出啥玩意，跟幻燈片輪播里的指定哪個div里的圖片，作用相同。后面的三個span就是畫了三道杠。這樣這個三道杠button就做好了，真特娘的累！

下面是包含需要隱藏的導航選項的ul，id="bs-example-navbar-collapse-1"就是給上面的data-target用的，表示點一下三道杠出現這個ul。collapse類是指這個ul是默認隱藏的，在點三道杠之前別特么給我出來！navbar-collapse是屏幕大的時候需要顯示這些隱藏的導航選項，如果不加，大屏的時候就不顯示了，只能小屏的時候點三道杠才顯示。

如此，一個聽話的美美的漢紙頭就出來啦，哈哈哈

頭好了肯定還要完美的身材對不對，我們下回清早，當然可以先收藏慢慢做，歡迎加群142991222一起分享探討，噶散戶，泡漢子撩妹子

等著你哦