不要在頁面的部分使用引導樣式

Question

我有一個頁面，當前有多個表單。我對這些表單中的一些使用了標準Bootstrap表單樣式。

問題是Bootstrap CSS被應用到它不應該的表單上。

有沒有辦法添加一個類或data-*屬性，這將強制Bootstrap不適用於該表單？

Answer 1

不需要。您必須編寫一套新規則才能應用於您不希望被Bootstrap設置的表單。例如，給形式的「SomeClass的」一類的名稱，並使用以下選擇：

form.someClass { 
    /* Your form styles */ 
} 

你可以把這個在新的樣式表，幷包括樣式表後引導樣式表覆蓋任何Bootstap風格你想要。

Answer 2

Namespace the hell out of your CSS，這是我對每個項目都遵循的建議，我沒有做錯。

閱讀來自LESS documentation的命名空間，並在Bootstrap LESS文件中進行適當修改後，從LESS文件重新生成CSS。