導航條
阿新 • • 發佈：2017-06-25
媒體 -c 樣式 nav 元素 tcs clas rip 需要
默認樣式的導航條
導航條是在您的應用或網站中作為導航頁頭的響應式基礎組件。它們在移動設備上可以折疊（並且可開可關），且在視口（viewport）寬度增加時逐漸變為水平展開模式。
兩端對齊的導航條導航鏈接已經被棄用了。
導航條內所包含元素溢出
由於 Bootstrap 並不知道你在導航條內放置的元素需要占據多寬的空間，你可能會遇到導航條中的內容折行的情況（也就是導航條占據兩行）。解決辦法如下：
- 減少導航條內所有元素所占據的寬度。
- 在某些尺寸的屏幕上（利用 響應式工具類）隱藏導航條內的一些元素。
- 修改導航條在水平排列和折疊排列互相轉化時，觸發這個轉化的最小屏幕寬度值。可以通過修改
@grid-float-breakpoint變量實現，或者自己重寫相關的媒體查詢代碼，覆蓋 Bootstrap 的默認值。
依賴 JavaScript 插件
如果 JavaScript 被禁用，並且視口（viewport）足夠窄，致使導航條折疊起來，導航條將不能被打開，.navbar-collapse 內所包含的內容也將不可見。
響應式導航條依賴 collapse 插件，定制 Bootstrap 的話時候必將其包含。
修改視口的閾值，從而影響導航條的排列模式
當瀏覽器視口（viewport）的寬度小於 @grid-float-breakpoint 值時，導航條內部的元素變為折疊排列，也就是變現為移動設備展現模式；當瀏覽器視口（viewport）的寬度大於 @grid-float-breakpoint
768px （小屏幕 -- 或者說是平板 --的最小值，或者說是平板）。
導航條的可訪問性
務必使用 <nav> 元素，或者，如果使用的是通用的 <div> 元素的話，務必為導航條設置 role="navigation" 屬性，這樣能夠讓使用輔助設備的用戶明確知道這是一個導航區域
導航條