何謂緊湊型表格，簡(jiǎn)單理解，就是單元格沒內(nèi)距或者內(nèi)距較其他表格的內(nèi)距更小。換句話說，要實(shí)現(xiàn)緊湊型表格只需要重置表格單元格的內(nèi)距padding的值。那么在Bootstrap中，通過類名“table-condensed”重置了單元格內(nèi)距值。
緊湊型表格的運(yùn)用，也只是需要在<table class="table">基礎(chǔ)上添加類名“table-condensed”：

<table class="table table-condensed">
…
</table>

效果圖如下：

從上面效果圖可以看出，Bootstrap中緊湊型的表格與基礎(chǔ)表格差別不大，因?yàn)橹皇菍卧竦膬?nèi)距由8px調(diào)至5px。

源碼請(qǐng)查看bootstrap.css文件第1442行~第1449行：

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
padding: 5px;
}

正如上一小節(jié)中懸浮高亮表格中所講解的，在Bootstrap中制作表格中，可以將上面幾種表格樣式結(jié)合在一起使用，從而制作出更為精美的表格。結(jié)合的方法也很簡(jiǎn)單，就是在<table class="table">基礎(chǔ)上添加你需要的表格樣式類型。

另外從上面的示例中大家可能也發(fā)現(xiàn)了，不管制作哪種表格都離不開類名“table”。所以大家在使用Bootstrap表格時(shí)，千萬注意，你的<table>元素中一定不能缺少類名“table”。