section: component id: navbar description: 应用导航条 icon: icon-compass filter: daohangtiao dht --- # 导航条 ## 简单导航条简单导航条没有明显的外观设置，可以方便用于进行个性化定制。在导航条 `.navbar` 内使用 `.container-fluid` 或 `.contianer` 来控制导航项目是否居中或者两端对齐。 ```html ``` ## 默认导航条 `.navbar-default` ```html ``` ## 深色导航条 `.navbar-inverse` ```html ``` ## 使用表单元素 ```html ``` ## 将内容放置与导航右侧 ```html ``` ## 自适应宽度在`.nav`上添加`.nav-justified`。 ```html ```

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