gwtbootstrap 始终适用于所有元素

Question

我想在我的应用程序中使用GWT bootstrap，所以我将 jar 添加到类路径中并在 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 Bootstrap 标题。这同样适用于所有其他元素，因此页面上的任何元素都由 gwtbootstrap 设置样式，即使我不想要它并且我找不到控制它的方法。

Answer 1

这是因为 gwt-bootstrap 将 bootstrap.css 注入到您的 GWT 应用程序中，而 bootstrap.css 定义了标准 HTML 元素（如 <h1> 等）的默认样式。

如果您不希望引导程序覆盖默认样式，有几种解决方案：

1. 修改gwt-bootstrap库文件中的bootstrap.css，去掉不需要的样式
2. 创建一个单独的 css 文件，用于设置特定 HTML 元素的样式（使用 !important）
3. 扩展 gwt-bootstraps CssResources 并传递自定义 css 文件。

解决方案 3 可能是最干净的一个。