按钮 可作为按钮的标签和元素： a 、 button 或 input 元素添加按钮类（button class）即可使用 Bootstrap 提供的样式。 .btn .btn-default .btn-primary .btn-success .btn-waring .btn-danger .btn-link（把按钮做得
-
按钮
- 可作为按钮的标签和元素：
<a>、<button>或<input>元素添加按钮类（button class）即可使用 Bootstrap 提供的样式。 - .btn
- .btn-default
- .btn-primary
- .btn-success
- .btn-waring
- .btn-danger
- .btn-link（把按钮做得跟a标签一个样式）
- .btn-info
- 代码
<div class="container"> <button class="btn">bs按钮</button> <button class="btn btn-default">bs按钮</button> <button class="btn btn-primary">bs按钮</button> <button class="btn btn-success">bs按钮</button> <button class="btn btn-warning">bs按钮</button> <button class="btn btn-danger">bs按钮</button> <button class="btn btn-link">bs按钮</button>
</div> - 效果截图
- 通过给按钮添加
.btn-block类可以将其拉伸至父元素100%的宽度，而且按钮也变为了块级（block）元素。 - 由于
:active是伪状态，因此无需额外添加，但是在需要让其表现出同样外观的时候可以添加.active类。<button type="button" class="btn btn-default btn-lg active">Button</button>
- 由a标签创建的按钮：
<a href="#" class="btn btn-default btn-lg active" role="button">Link</a>
- 为
<button>元素添加disabled属性，使其表现出禁用状态。<button type="button" class="btn btn-lg btn-primary" disabled="disabled">Primary button</button> <button type="button" class="btn btn-default btn-lg" disabled="disabled">Button</button>
