Bootstrap表格

Bootstrap表格

<table>  申明表格

<thead>  表格的表头

<tbody>  表格的内容

<tr>  一行

<th>  表头一列

<td>  内容一列

<caption>  表格的标题

Bootstrap表格样式

.table  基本的bootstrap表格样式

.table-striped  斑马线形式的条纹

.table-bordered  所有表格加边框

.table-hover  鼠标悬停状态

.table-condensed  让表格更加紧凑

Bootstrap表格颜色

.active  鼠标悬停在行或单元格上时所设置的颜色

.success  标识成功或积极的动作

.info  标识普通的提示信息或动作

.warning  标识警告或需要用户注意

.danger  标识危险或潜在带来负面影响的动作

Bootstrap表格响应式

.table-responsive    包裹.table元素，即可创建响应式表格