本篇文章帶大家聊聊Bootstrap實戰，介紹一下Bootstrap的響應式布局，希望對大家有所幫助！

前端（vue）入門到精通課程：進入學習

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

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

在響應式布局中，要求導航欄能夠根據終端屏幕大小顯示不同的樣式。

一、知識點

1.1 導航欄

官方解釋：導航條是在您的應用或網站中作為導航頁頭的響應式基礎組件。它們在移動設備上可以折疊（并且可開可關），且在視口（viewport）寬度增加時逐漸變為水平展開模式。

1.1.1 基礎導航欄

使用 Bootstrap 之前，習慣用 <ul> + <li> 來構造一個導航欄。【