Bootstrap精简版无边框表格

在Bootstrap中可以通过添加 .table-condensed class属性,将行内边距(padding)被切为两半,以便让表看起来更紧凑,这让信息看起来更紧凑占用页面空间变小。示例如下所示:

<table class="table table-condensed">
<caption>精简表格布局</caption> <thead> <tr> <th>名称</th> <th>城市</th> <th>邮编</th></tr> </thead>
<tbody>
<tr> <td>Tanmay</td> <td>Bangalore</td> <td>560001</td></tr>
<tr> <td>Sachin</td> <td>Mumbai</td> <td>400003</td></tr>
<tr> <td>Uma</td> <td>Pune</td> <td>411027</td></tr>
</tbody>
</table>

效果如下所示:

Bootstrap精简版无边框表格

猜你喜欢
鲜西洋参怎么处理保存 怎样保存西洋参不变质
气派非凡造句 用气派造句
满天星适合什么季节种 满天星适合什么季节种要多久时间才会开花
隔离霜和防晒霜可以一起用吗 隔离霜和防晒能一起用吗
立冬是一年中第几个节气 立冬是一年中第几个节气了
缓和干洗在家里怎么洗 居家干洗怎么洗
烤箱蛋糕制作方法步骤 烤箱蛋糕如何制作

很赞哦! ()