我想用GWT 引导程序 http://gwtbootstrap.github.io/对于我的应用程序,所以我将 jar 添加到类路径中并在 app.gwt.xml 中继承它,并且到目前为止它正在工作(我是 Bootstrap 的新手)。
到目前为止,我还没有使用 UIBinders 进行布局,如果有可能的话,我希望保留这种方式,因为我有一个非常动态的 UI,它是以编程方式生成的,而且我对 UIBinders 的经验很少。但是,对于我想从 gwtbootstrap 使用的元素,我创建了 UIBinder(例如标题和按钮)。
问题是,不仅我使用 gwtbootstrap 元素通过 UIBinders 创建的元素看起来像 gwtbootstrap 元素,而且all页面上的元素。
一个简单的例子:如果我使用引导元素创建这样的标题,那么没有任何区别
<b:Heading size="2">Hello GWT Bootstrap</b:Heading>
或者像这样使用标准 HTML
<h1>Hello GWT Bootstrap</h1>
两者看起来都像 GWT Bootstrap 标题。这同样适用于所有其他元素,因此页面上的任何元素都由 gwtbootstrap 设置样式,即使我不希望如此并且我找不到控制它的方法。
这是因为 gwt-bootstrap 将 bootstrap.css 注入到您的 GWT 应用程序中,并且 bootstrap.css 定义了标准 HTML 元素的默认样式,例如<h1>
, etc.
如果您不希望引导程序覆盖默认样式,有几种解决方案:
- 修改gwt-bootstrap库文件中的bootstrap.css,去掉不需要的样式
- 创建一个单独的 css 文件来设置特定 HTML 元素的样式(使用 !important)
- 扩展 gwt-bootstraps CssResources 并传递自定义 css 文件。
解决方案 3 可能是最干净的一种。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)