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精简版无边框表格

猜你喜欢
拼魔方最快速的方法 拼魔方最快速的方法是什么
胸贴放了两年还能用吗 胸贴放了一年还能用吗
和男朋友即将分手的说说 给即将分手的男朋友的说说
马甲的保养方法有哪些 马甲的保养方法有哪些图片
减肥可以吃麻辣鸡爪吗 减脂可以吃酸辣鸡爪吗
吃什么对心脏有好处 吃什么对心脏有好处能吃羊参吗
虾仁蒸饺 虾仁蒸饺热量
黄油蟹是什么意思 黄油蟹是海蟹吗
葡式蛋挞的做法 葡式蛋挞的做法家庭做法

很赞哦! ()