Bootstrap實現響應式導航欄效果_javascript技巧
來源：懂視網
責編：小采
時間：2020-11-27 21:48:02
Bootstrap實現響應式導航欄效果_javascript技巧
Bootstrap實現響應式導航欄效果_javascript技巧:為了給導航欄添加響應式特性，您要折疊的內容必須包裹在帶有 classes .collapse、.navbar-collapse 的 中。折疊起來的導航欄實際上是一個帶有class .navbar-toggle 及兩個 data- 元素的按鈕。第一個是 data-toggle，用于告訴 JavaScri
導讀Bootstrap實現響應式導航欄效果_javascript技巧:為了給導航欄添加響應式特性，您要折疊的內容必須包裹在帶有 classes .collapse、.navbar-collapse 的 中。折疊起來的導航欄實際上是一個帶有class .navbar-toggle 及兩個 data- 元素的按鈕。第一個是 data-toggle，用于告訴 JavaScri
為了給導航欄添加響應式特性，您要折疊的內容必須包裹在帶有 classes .collapse、.navbar-collapse 的 中。折疊起來的導航欄實際上是一個帶有class .navbar-toggle 及兩個 data- 元素的按鈕。第一個是 data-toggle，用于告訴 JavaScript 需要對按鈕做什么，第二個是 data-target，指示要切換到哪一個元素。三個帶有 class .icon-bar 的 創建所謂的漢堡按鈕。這些會切換為 .nav-collapse 中的元素。為了實現以上這些功能，您必須包含 Bootstrap 折疊（Collapse）插件。
效果圖：
下面的實例演示了這點：
Bootstrap 實例 - 響應式的導航欄
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
Bootstrap實現響應式導航欄效果_javascript技巧
Bootstrap實現響應式導航欄效果_javascript技巧:為了給導航欄添加響應式特性，您要折疊的內容必須包裹在帶有 classes .collapse、.navbar-collapse 的 中。折疊起來的導航欄實際上是一個帶有class .navbar-toggle 及兩個 data- 元素的按鈕。第一個是 data-toggle，用于告訴 JavaScri
