表格(Tables)
一.table结构<table class="table">
<caption>表名</caption>
<thead>
表头
</thead>
<tbody>
表体
</tbody>
<tfoot>
表尾
</tfoot>
</table>
二.table类
table
table-hover
table-striped
table-bordered
table-active
table-borderless
table-sm
caption-top
align-top
align-middle
align-bottom
三.Variants(表格颜色)
#可修饰table、tr、td、th、thead、tbody和tfoot
table-primary
table-secondary
table-success
table-danger
table-warning
table-info
table-light
table-dark
#可修饰table
border-primary
border-secondary
border-success
border-danger
border-warning
border-info
border-light
border-dark
四.caption表名
<caption>List of users</caption>
五.table响应式
1.结构
<div class="table-responsive">
<table class="table">
...
</table>
</div>
2.类型
table-responsive
table-responsive-sm
table-responsive-md
table-responsive-lg
table-responsive-xl
table-responsive-xxl
页:
[1]