Bootstrap 导航/滑动门（nav）

Bootstrap
导航/滑动门（nav）

开发工具与关键技术：Visual Studio 前端

作者：盘子

撰写时间：2019年5 月27 日

.nav导航/滑动门(nav)

1、基本导航样式

Bootstrap中提供的导航可共享通用标记和样式，从基础.nav样式类到活动与禁用状态。交换class选择符以在每种样式之间切换。

基础.nav组件采用Flexbox弹性布局构建，并为构建所有类型的导航组件提供了坚实的基础，包括一些风格覆盖（以及列表）、一些更大pading连接间隙和基本的禁用样式。

基础的 .nav组件不包含任何的 .active 状态，而下面的案例代码中刚好使用 .active 类别，.active 类别主要是为了说明class不会触发任何特殊的样式。见代码截图如下：（由于整个页面的代码过于长，所以只截取了主要用法部分）

可以使用在很多地方，所以你的标记可以非常灵活，比如使用在

• 列表，或者自定义一个
  组件，因为 .nav 基于 display: flex定义，导航链接的行为与导航项目相同，不需要额外的标记。