什麼是Twitter Bootstrap約定用於添加新樣式以形成標籤？

Question

我想在我的Twitter Bootstrap網站中爲表單創建新樣式，並且希望保留SMACKS/OOCSS約定。

這是默認的形式：

<form role="form"> 
    <div class="form-group"> 
    <label for="exampleInputEmail1">Email address</label> 
    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email"> 
    </div> 
<!-- More coontent in form here --> 

如果我要重寫輸入風格，將在我看來，以保持與公約加個班的形式，控制newstyle的：

<form role="form"> 
    <div class="form-group"> 
    <label for="exampleInputEmail1">Email address</label> 
    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email"> 
    </div> 
<!-- More coontent in form here --> 

但是我也想要風格的標籤。我應該向標籤還是向div.form-group添加新樣式？

Answer 1

.form-group環繞表單組標籤和一個輸入，它在.form-horizo​​ntal中的行爲類似於.row，否則，當小型視口上的表單堆棧有一些垂直空間時，它們不會擠壓一起。

是那張所有標籤

默認標籤樣式是：

label { 
    display: inline-block; 
    max-width: 100%; 
    margin-bottom: 5px; 
    font-weight: bold; 
} 

要做到

.form-group label {} 

會影響到所有的標籤，如果你已經正確格式化的形式。

如果您只是想將其隔離到特定的標籤，您可以爲該標籤創建一個類併爲該標籤分配一個類。如果你想影響所有的標籤，你可以修改標籤元素。

你也可以製作一個新的父類，用於包裝這個表單的任何東西，並解決標籤樣式。