# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry | the Bird |
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry | the Bird |
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
Mark | Otto | @TwBootstrap | |
2 | Jacob | Thornton | @fat |
3 | Larry the Bird |
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry the Bird |
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry the Bird |
# | Product | Payment Taken | Status |
---|---|---|---|
1 | TB - Monthly | 01/04/2012 | Approved |
2 | TB - Monthly | 02/04/2012 | Declined |
3 | TB - Monthly | 03/04/2012 | Pending |
4 | TB - Monthly | 04/04/2012 | Call in to confirm |
按钮 | class="" | 描述 |
---|---|---|
btn |
带渐变的标准灰色按钮 | |
btn btn-primary |
提供额外的视觉感, 可在一系列的按钮中指出主要操作 | |
btn btn-info |
默认样式的替代样式 | |
btn btn-success |
表示成功或积极的动作 | |
btn btn-warning |
提醒应该谨慎采取这个动作 | |
btn btn-danger |
表示这个动作危险或存在危险 | |
btn btn-inverse |
备用的暗灰色按钮,不依赖于语义和用途 | |
btn btn-link |
简化一个按钮, 使它看起来像一个链接,同时保持按钮的行为 |
标签 | 标记 |
---|---|
默认样式 |
<span class="label">Default</span>
|
成功 |
<span class="label label-success">Success</span>
|
警告 |
<span class="label label-warning">Warning</span>
|
重要 |
<span class="label label-important">Important</span>
|
信息 |
<span class="label label-info">Info</span>
|
反色 |
<span class="label label-inverse">Inverse</span>
|
名称 | 案例 | 标记 |
---|---|---|
默认样式 | 1 |
<span class="badge">1</span>
|
成功 | 2 |
<span class="badge badge-success">2</span>
|
警告 | 4 |
<span class="badge badge-warning">4</span>
|
重要 | 6 |
<span class="badge badge-important">6</span>
|
信息 | 8 |
<span class="badge badge-info">8</span>
|
反色 | 10 |
<span class="badge badge-inverse">10</span>
|