Bootstrap的导航组件依赖于类 `.nav`，提供了响应式的导航条和胶囊式标签页。通过调整`@grid-float-breakpoint`阈值，可控制导航条在不同视口宽度下的排列模式。确保导航条的可访问性，需使用`<nav>`元素或设置`role="navigation"`属性。胶囊式标签页通过`.nav-pills`实现，可结合`.nav-stacked`堆叠展示。
Bootstrap 中的导航组件都依赖同一个 .nav 类，状态类也是共用的。改变修饰类可以改变样式。
导航条是在您的应用或网站中作为导航页头的响应式基础组件。它们在移动设备上可以折叠（并且可开可关），且在视口（viewport）宽度增加时逐渐变为水平展开模式。
viewport 相关 @grid-float-breakpoint
修改视口的阈值，从而影响导航条的排列模式
当浏览器视口（viewport）的宽度小于 @grid-float-breakpoint 值时，导航条内部的元素变为折叠排列，也就是变现为移动设备展现模式；当浏览器视口（viewport）的宽度大于
最低0.47元/天 解锁文章
扫一扫
1679
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
