對Bootstrap 3設置使用常見的CSS類

這可能以前曾被問過，但找不到解決我的問題的任何內容，或者我沒有在正確的條件下搜索。對Bootstrap 3設置使用常見的CSS類

有沒有辦法讓我可以設置特定的Bootstrap設置並反覆使用該類的CSS類。

EX：說我想要一張帶邊框，條紋和胡佛的桌子（<table class="table table-striped table-hover table-condensed table-bordered">）。我會在一個類中設置它，然後在創建表標記時調用該類。然後，如果我決定我不想胡佛效應，我只會改變這個類，而不是整個網站的所有表。

來源

2015-12-11 Caverman

只需使用一個普通的類，並將其應用到表所示：

<table class="my-class"></table>

和風格是這樣的：

.my-class { 
    border: 1px solid #000; 
    etc... 
}

這僅僅是基本的CSS使用 - 無關，與引導如果我得到你的權利。

來源

2015-12-11 19:49:15 davidbucka

不是特別的。我想保留引導設置，以便主題可以很容易地更改。我爲我的原始帖子添加了一個表格標籤。假設我在10張桌子上放了那張桌子標籤，然後決定我不想對他們造成胡佛效應。我想要一箇中心位置（或班級），我只會改變一次設置，而不是全部10個桌子。 – Caverman

好吧，那麼爲什麼不採取引導類或像表一樣的元素，並將其擴展到自己的css文件中，例如.table-striped {border：1px ..}，然後在您的css文件中使用.table-striped：hover {cursor ：指針例如}？ – davidbucka

大衛的答案是正確的，但我也想闡述的其他選項：

你可能要考慮拿起SASS以下。 Bootstrap最初是用LESS編寫的，並且被編譯爲CSS（以及SASS）。

LESS和SASS允許你做很酷的東西，比如擴展類。在SASS具體而言，你可以做到這一點得到你想要的效果：

.custom-table { 
    @extend .table-striped; 
    @extend .table-bordered; 
    /* and so forth */ 
}

然後，你可以使用對所有表的.custom表。如果您想稍後更改表格，則可以修改規則。

更多關於SASS這裏：http://sass-lang.com/guide

編輯：澄清 - 沒有定期CSS來做到這一點的好辦法，除非你手工複製引導規則到一個新的類然後在需要時更改該課程。如果你認爲你會很多地使用這個課程，並且不想拿起SASS/LESS，但這不是很乾的話，這不是一個壞主意。

來源

2015-12-11 19:57:17 Cassie

謝謝。我在PluralSight中看到SASS/LESS類。我會盡快看到它。我知道這是事情的方式，所以我需要加快速度。 – Caverman

我不能推薦它。設置你的項目使用它是一個巨大的痛苦，但是一旦你做了編碼就更好了。 – Cassie

對Bootstrap 3設置使用常見的CSS類

回答

相關問題