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

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

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

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

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

一、知識(shí)點(diǎn)

1.1 導(dǎo)航欄

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

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

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