UI 界面元素
按钮
使用按钮类 <a>, <button>, 或者 <input> 元素.
加上类 .btn-outline-** 快速创建带边框的按钮。
添加 .btn-rounded 默认按钮以获得圆角。
按钮大小
添加 .btn-lg, .btn-sm 附加尺寸。
按钮禁用
添加disabled 属性到 <button> 按钮上.
块按钮
通过添加创建块级按钮 .btn-block.
按钮组
在按钮上添加.btn .btn-group.
模态对话框
页脚、主体和页脚中的动作集的呈现模式。
选项卡
1. 高度默认自适应，也可以随意固宽。
2. Tab进行了响应式处理，所以无需担心数量多少。
内容2
内容3
1. 高度默认自适应，也可以随意固宽。
2. Tab进行了响应式处理，所以无需担心数量多少。
内容2
内容3
手风琴
徽章
徽标通过使用相对字体大小调整来匹配即时父元素的大小。 em 单位.
使用 .badge-pill 修饰符类使徽章更圆（用较大的） border-radius 和 附加水平 padding). 使用圆形徽章
下拉菜单
切换上下文叠加来显示链接列表，更多的是引导引导下拉插件。
单按钮下拉
任何单一 .btn 可以变成一个下拉
切换与一些标记的变化。下面是如何让他们工作，用任一 <button>
元素:
增加颜色
最好的部分是你可以给这些按钮加上颜色：
横向菜单
添加元素右边的触发器下拉菜单 .dropright 到父元素。
向上菜单
触发器下拉菜单以上元素，通过添加.dropup 对父元素。
拆分按钮
类似的，创建与单独按钮几乎相同的标记的拆分按钮，添加 .dropdown-toggle-split 在下拉插入符周围适当的间距。
大小
使用各种大小的按钮，包括默认和拆分下拉按钮。
左菜单
添加元素右边的触发器下拉菜单 .dropleft 到父元素。
下拉菜单
添加 .dropdown-menu-right
到 .dropdown-menu 向右对齐下拉菜单。
分页
为您的站点或应用程序提供多页分页组件的分页链接。
默认分页
简单的分页灵感来自RDIO，伟大的应用程序和搜索结果。
大小
添加 .pagination-lg 或者 .pagination-sm 附加尺寸。
对准
更改分页组件与Fracbox实用工具的对齐方式。
面包屑
指示当前页面在导航层次结构中的位置。
tip提示
添加小的内容覆盖，再次点击才能取消显示
工具提示
鼠标经过时提示，有四种选择：顶部，右侧，底部，左对齐。
进度条
基本实例
默认进度条。
带样式的进度条
进度条使用一些相同的按钮和警报类来实现一致的样式。
条纹样例
使用渐变来创建条带效果的进度条。
尺寸示例
我们只设置了一个 height 值在 .progress, 所以如果你改变了这个值 .progress-bar 将自动调整大小。