section: component id: nav description: 多种样式的导航菜单 icon: icon-anchor filter: daohang dh --- # 导航 ## 主要导航 `.nav-primary`
```html ``` ## 次要导航 通常与主导航一起使用 `.nav-secondary`
```html ``` ## 标签页导航 `.nav-tabs`
```html ``` ## 圆点导航 `.nav-pills`
```html ``` ## 禁用的导航链接 在禁用的项目上添加`.disabled`



```html ``` ## 垂直排列 `.nav-stacked`
```html ``` ```html ``` ```html ``` ```html ``` ## 自适应宽度 自适应宽度不能与垂直排列同时使用 `.nav-justified`



```html ``` ## 带标题的导航



```html ```
示例中当点击导航条目并应用高亮样式的效果是为演示方便有意添加的，并非导航自身交互功能。你仍然可以手动为导航 .nav 中的 li 添加 .active CLASS 来启用或移除高亮样式效果。