基礎(chǔ)表格僅讓表格部分地方有邊框，但有時(shí)候需要整個(gè)表格具有邊框效果。Bootstrap出于實(shí)際運(yùn)用，也考慮這種表格效果，即所有單元格具有一條1px的邊框。
Bootstrap中帶邊框的表格使用方法和斑馬線表格的使用方法類似，只需要在基礎(chǔ)表格<table class="table">基礎(chǔ)上添加一個(gè)“.table-bordered”類名即可：

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

樣式如下圖所示：

其源碼可以查看bootstrap.css文件第1450行~第1464行：

.table-bordered {
  border: 1px solid #ddd;/*整個(gè)表格設(shè)置邊框*/
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd; /*每個(gè)單元格設(shè)置邊框*/
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;/*表頭底部邊框*/
}