本篇文章帶大家聊聊Bootstrap實戰(zhàn)，介紹一下Bootstrap的響應(yīng)式布局，希望對大家有所幫助！

前端（vue）入門到精通課程：進入學(xué)習(xí)

響應(yīng)式布局就是一個網(wǎng)站能夠兼容多個終端，而不是為每個終端做一個特定的版本。這個概念是為解決移動互聯(lián)網(wǎng)瀏覽而誕生的。

導(dǎo)航欄與輪播在大部分網(wǎng)站的頭部占很高的比重，特別是導(dǎo)航欄，扮演著網(wǎng)站地圖的角色。

在響應(yīng)式布局中，要求導(dǎo)航欄能夠根據(jù)終端屏幕大小顯示不同的樣式。

一、知識點

1.1 導(dǎo)航欄

官方解釋：導(dǎo)航條是在您的應(yīng)用或網(wǎng)站中作為導(dǎo)航頁頭的響應(yīng)式基礎(chǔ)組件。它們在移動設(shè)備上可以折疊（并且可開可關(guān)），且在視口（viewport）寬度增加時逐漸變?yōu)樗秸归_模式。

1.1.1 基礎(chǔ)導(dǎo)航欄

使用 Bootstrap 之前，習(xí)慣用 <ul> + <li> 來構(gòu)造一個導(dǎo)航欄?！?/p>