快速创建一个带有预定义样式的按钮
<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>
效果图如下:
使用 .btn-lg
、.btn-sm
或 .btn-xs
获得不同尺寸的按钮
给按钮添加
.btn-block
类可以将其拉伸至父元素100%的宽度,而且按钮也变为了块级(block)元素。
<p>
<button type="button" class="btn btn-primary btn-lg">Large button</button>
<button type="button" class="btn btn-default btn-lg">Large button</button>
</p>
效果图如下: