通过按钮组容器把一组按钮放在同一行里。通过与按钮插件联合使用，可以设置为单选框或多选框的样式和行为。
确保设置正确的?role?属性并提供一个 label 标签
为了向使用辅助技术 - 如屏幕阅读器 - 的用户正确传达一正确的按钮分组，需要提供一个合适的?role?属性。对于按钮组合，应该是?role="group"，对于toolbar（工具栏）应该是?role="toolbar"。
一个例外是按钮组合只包含一个单一的控制元素或一个下拉菜单（比如实际情况，<button>?元素组成的两端对齐排列的按钮组?）或下拉菜单。
此外，按钮组和工具栏应给定一个明确的label标签，尽管设置了正确的?role?属性，但是大多数辅助技术将不会正确的识读他们。在这里提供的实例中，我们使用?aria-label，但是，?aria-labelledby?也可以使用。
基本实例
Wrap a series of buttons with?.btn?in?.btn-group.
胶囊式标签页
HTML 标记相同，但使用?.nav-pills?类：
默认样式的导航条
导航条是在您的应用或网站中作为导航页头的响应式基础组件。它们在移动设备上可以折叠（并且可开可关），且在视口（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"?属性，这样能够让使用辅助设备的用户明确知道这是一个导航区域。
?
受 Rdio 的启发，我们提供了这个简单的分页组件，用在应用或搜索结果中超级棒。组件中的每个部分都很大，优点是容易点击、易缩放、点击区域大。
对齐链接
你还可以把链接向两端对齐：
?
给链接、导航等元素嵌套?<span class="badge">?元素，可以很醒目的展示新的或未读的信息条目。
?
?
?
这是一个轻量、灵活的组件，它能延伸至整个浏览器视口来展示网站上的关键内容。
