問題タブ [gwt-bootstrap]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
3 に答える
9872 参照

css - 端にぶら下がっているボタン(img)を備えたBootstrap Modal

次のように、モーダルの隅から閉じるボタンを「ハング」させようとしています: http://i.imgur.com/3rminEM.png

コーナーの画像を表示しようとしました display:inline;float:right; いくつかの相対的な位置付けですが、モーダルの内部領域の外には何も表示されません (モーダルは、スクロール時に画像を表示するスクロールバーを取得する場合があります)。z-index も増やしてみましたが、役に立ちませんでした。

これを行う方法はありますか?おそらくモーダル自体の背景画像でしょうか?代替モーダル? 私は gwt-bootstrap で GWT を使用しているので、css のみの解決策があることを願っています。

0 投票する
1 に答える
788 参照

gwt - GWT Bootstrap セル テーブルの列の内容を中央揃えにする

セルテーブルがあり、列データはチェックボックスであり、これらのチェックボックスをその列の中央に揃えます

column.setHorizontalAlignment(HasHorizontalAlignment.ALIGN_CENTER); css で text-align:middle を使用してみました。しかし、うまくいかないようです。助けてください

0 投票する
2 に答える
5960 参照

java - なぜ gwt-bootstrap が必要なのですか?

私は GWT を初めて使用し、CSS フレームワークに Twitter Bootstrap を使用することを検討していました。しかし、その後、GWT アプリで Bootstrap を使用する方法として自称するgwt-bootstrapに出くわしました。

私は GWT に慣れていないので、少し心配/混乱しています。GWT アプリで通常の Bootstrap フレームワークを使用できないのはなぜですか? なぜ gwt-bootstrap が必要なのですか?

0 投票する
1 に答える
416 参照

gwt - gwtbootstrap は常にすべての要素に適用されます

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

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

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

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

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

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

0 投票する
2 に答える
3392 参照

css - CSS が Bootstrap CSS によってオーバーライドされる

すでに開始しているプロジェクトに GWT-Bootstrap を追加したいと考えています。なんとか使用できましたが、Bootstrap CSS が他のすべての CSS をオーバーライドしています。その結果、以前のすべての UI 要素が混同されます。

マージン、テキスト サイズ、および多くの要素が収まりません。プロジェクトの残りのすべてが使用できないため、Bootstrap を使用できません。Bootstrap に段階的な変更を加えて、古いものをそのまま維持したいと考えています。

CSS を次の優先順位にしたいと思います。

  • マイアプリ
  • GWT
  • ブートストラップ

*.gwt.xml でそれらを注文しようとしましたが、成功しませんでした:

私に何ができる?

0 投票する
1 に答える
274 参照

gwt - ipad で gwt ブートストラップ ウィジェットを非表示にする

サイズ1のgwtブートストラップ列があり、この列には次のようないくつかのnavlinkを含むnavtabがあります<b:Column size="1" ui:field="stackedTabColumn"> <b:NavTabs stacked="true" ui:field="stackedTabs"> <b:NavLink ui:field="projectsLink">Projects </b:NavLink>

電話とiPadでこの積み重ねられたタブ列を非表示にしたい。私は試してみましstackedTabColumn.setShowOn(Device.Desktop);たが、ipadで列を非表示にしているようには見えませんが、ipadのgwtブートストラップウィジェットを非表示にする方法で電話で非表示にします。助けてください