Bootstrap入門書籍之（五）導(dǎo)航條、分頁導(dǎo)航
提問者：nw88362016-04-18 00:00
最佳答案
導(dǎo)航條 導(dǎo)航條（navbar）和上一節(jié)介紹的Bootstrap入門書籍之（四）菜單、按鈕及導(dǎo)航。導(dǎo)航（nav），就相差一個字，多了一個“條”字。其實在Bootstrap框架中他們還是明顯的區(qū)別。在導(dǎo)航條(navbar)中有一個背景色、而且導(dǎo)航條可以是純鏈接（類似導(dǎo)航），也可以是表單，還有就是表單和導(dǎo)航一起結(jié)合等多種形式。它們在移動設(shè)備上可以折疊（并且可開可關(guān)），且在視口（viewport）寬度增加時逐漸變?yōu)樗秸归_模式。 基礎(chǔ)導(dǎo)航條 實際上，導(dǎo)航條和導(dǎo)航在外觀上的差別并不是那么的大，但是在實際使用中導(dǎo)航條要比導(dǎo)航復(fù)雜得多。下面就來實現(xiàn)一個最基礎(chǔ)的導(dǎo)航條。
可以達到的效果是這樣的： 寬屏： 窄屏： 在制作一個基礎(chǔ)導(dǎo)航條時，主要注意以下幾點： 1.首先在制作導(dǎo)航的列表(
)基礎(chǔ)上添加類名 .navbar-nav 2.在列表外部添加一個容器（div）在這里允許的話 推薦使用
