gwtbootstrap總是適用於所有元素

Question

我想爲我的應用程序使用GWT bootstrap，所以我將jar添加到classpath並在app.gwt.xml中繼承它，並且它工作到目前爲止（我是Bootstrap的新手）。

到目前爲止，我還沒有使用UIBinders進行佈局，並且如果以任何方式想要離開它，因爲我有一個非常動態的UI，它是以編程方式生成的，而我對UIBinders沒有什麼經驗。然而，對於我想從gwtbootstrap中使用的元素，我創建了UIBinders（如標題和按鈕）。

問題是，不僅我用UIBinders使用gwtbootstrap元素創建的元素看起來像gwtbootstrap元素，而且還有所有頁面上的元素。

一個簡單的例子：它是沒有任何區別，如果我使用引導元素創建這樣一個標題

<b:Heading size="2">Hello GWT Bootstrap</b:Heading> 

或像這樣使用標準的HTML

<h1>Hello GWT Bootstrap</h1> 

兩個看起來像一個GWT引導標題。這同樣適用於所有其他元素，因此即使我不想要它，也無法找到控制此方法的方法，因此頁面上的任何元素均由gwtbootstrap進行樣式化。

Answer 1

這是因爲GWT-引導注入的bootstrap.css到您的GWT應用程序，並bootstrap.css定義默認樣式標準的HTML元素，如<h1>等

如果你不想引導覆蓋默認樣式有幾種解決方案：

1. 修改bootstrap.css在GWT-引導庫文件並刪除你不想
2. 創建一個用於設置樣式爲特定HTML元素一個單獨的CSS文件的樣式回來（使用！重要）
3. 擴展gwt-bootstraps CssResources並傳遞一個自定義css文件。

解決方案3可能是最乾淨的一個。