基础表格
基础用法
使用最基本的表标记,以下是基于.table
的表在Bootstrap中的外观。
# | First | Last | Handle |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry | the Bird |
边框表格
添加.table-bordered
用于表格和单元格两侧的边框。
# | First | Last | Handle |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry the Bird |
鼠标悬停效果
添加 .table-hover
以启用<tbody>
中的表行上的hover状态。
# | First | Last | Handle |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry the Bird |
行高紧缩
添加 .table-sm
使单元格的行高紧缩。
# | First | Last | Handle |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry the Bird |