按钮样式
Bootstrap提供七种样式的按钮：
为了实现上面的按钮样式， Bootstrap具有以下类：
-
.btn-default -
.btn-primary -
.btn-success -
.btn-info -
.btn-warning -
.btn-danger -
.btn-link
下面的例子显示了不同的按钮样式的代码：
例
<button type="button" class="btn btn-default">Default</button>
<button
type="button" class="btn btn-primary">Primary</button>
<button
type="button" class="btn btn-success">Success</button>
<button
type="button" class="btn btn-info">Info</button>
<button type="button"
class="btn btn-warning">Warning</button>
<button type="button" class="btn
btn-danger">Danger</button>
<button type="button" class="btn btn-link">Link</button> 试一试» 按钮类可以在一个被用来<a> ， <button>或<input>元素：
例
<a href="#" class="btn btn-info" role="button">Link Button</a>
<button type="button" class="btn btn-info">Button</button>
<input type="button" class="btn btn-info" value="Input Button">
<input
type="submit" class="btn btn-info" value="Submit Button"> 试一试» 为什么我们把#中的href链接的属性？
由于我们没有做任何页面，链接到的，我们不希望得到一个"404"的消息，我们把#为纽带。 在现实生活中应该当然是一个真正的网址“搜索”页面。
按钮大小
引导提供了四个按钮尺寸：
定义不同尺寸的类是：
-
.btn-lg -
.btn-md -
.btn-sm -
.btn-xs
下面的例子显示了不同的按钮大小的代码：
例
<button
type="button" class="btn btn-primary btn-lg">Large</button>
<button
type="button" class="btn btn-primary btn-md">Medium</button>
<button
type="button" class="btn btn-primary btn-sm">Small</button>
<button
type="button" class="btn btn-primary btn-xs">XSmall</button>
试一试» 块级按钮
块级按钮跨越父元素的整个宽度。
添加类.btn-block创建一个块级按钮：
主动/禁用的按钮
的按钮可以设置为活动（按显示）或禁用（不可点击）状态：
类.active使一个按钮按下出现，并且该类.disabled使按钮无法点击：
例
<button
type="button" class="btn btn-primary active">Active Primary</button>
<button type="button" class="btn btn-primary disabled">Disabled
Primary</button> 试一试» 自测练习用！
完整的引导按钮参考
所有按钮类的完整参考，请访问我们完整的引导按钮参考 。