2

アプリケーションにGWT ブートストラップを使用したいので、jar をクラスパスに追加して app.gwt.xml に継承し、これまでのところ動作しています (ブートストラップは初めてです)。

これまでのところ、レイアウトに UIBinders を使用したことはありません。プログラムで生成された非常に動的な UI があり、UIBinders の経験がほとんどないため、可能な限りそのままにしておきたいと思います。ただし、gwtbootstrap から使用したい要素については、UIBinders (見出しやボタンなど) を作成しました。

問題は、gwtbootstrap 要素を使用して UIBinders で作成した要素だけでなく、ページ上のすべての要素が gwtbootstrap 要素のように見えることです。

簡単な例: ブートストラップ要素を使用してこのような見出しを作成しても、まったく違いはありません

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

または標準のHTMLを使用してこのように

<h1>Hello GWT Bootstrap</h1>

どちらも GWT Bootstrap の見出しのように見えます。同じことが他のすべての要素にも当てはまります。そのため、ページ上の要素は gwtbootstrap によってスタイル設定されます。

4

1 に答える 1

2

これは、gwt-bootstrap が GWT アプリに bootstrap.css を挿入し、bootstrap.css が<h1>などの標準 HTML 要素のデフォルト スタイルを定義するためです。

ブートストラップでデフォルト スタイルをオーバーライドしたくない場合は、いくつかの解決策があります。

  1. gwt-bootstrap ライブラリ ファイルの bootstrap.css を変更し、不要なスタイルを削除します。
  2. 特定の HTML 要素のスタイルを戻す別の css ファイルを作成します (!important を使用)。
  3. gwt-bootstraps CssResources を拡張し、カスタム css ファイルを渡します。

ソリューション 3 は、おそらく最もクリーンなソリューションです。

于 2013-06-26T12:05:50.543 に答える