Bootstrap 3的部分接合表格

使用<table class="table table-bordered">將創建一個完全接壤的表格。但我想有一個帶有外邊框和行之間邊框的表格。它不應該有列之間的邊界。Bootstrap 3的部分接合表格

我可以用<table class="table" style="border:1px solid #ddd">來解決這個問題。但我想知道，如果有一個正確的引導程序樣式類來做到這一點。

更新＃1：因爲它似乎BS3不提供本地樣式來做到這一點，我已經創建了一個BS3項目的拉請求。 https://github.com/twbs/bootstrap/pull/15790

2015-02-10 stanleyxu2005

據我所知，僅在Bootstrap中沒有特定的外部類，你現在的解決方案是我會推薦使用的。 – 2015-02-10 18:51:29

你可以用自己的類擴展自舉：

<table class="table table-bordered table-bordered-rows">

CSS：

.table-bordered-rows td + td { border-left: none }

來源

2015-02-10 19:16:56 Rudi

'td + td'很好的學習技能。 – stanleyxu2005 2015-02-11 04:00:18

在引導程序中沒有特別添加邊框的內容。對於它的價值，我爲我的應用程序創建了邊界助手。 CSS的是，像這樣：

/* generic border helpers */ 
.border-b,.border-t,.border-l,.border-r,.border-tb,.border-lr,.border-all{border-style:solid;border-color:#dddddd; border-width:0;} 
.border-t,.border-tb,.border-all{border-top-width:1px;} 
.border-b,.border-tb,.border-all{border-bottom-width:1px;} 
.border-l,.border-lr,.border-all{border-left-width:1px;} 
.border-r,.border-lr,.border-all{border-right-width:1px;}

.border-B =邊界底側
.border叔=邊界頂側
.border -1- =邊界左側
.border -r =邊界右側
.border-TB =邊界頂側和底側
.border-LR =邊界左右兩側
.border-所有=邊界各方

HTH，

-Ted

來源

2015-02-10 19:13:56 Ted

Bootstrap 3的部分接合表格

回答

相關問題