4

私はGWTにTwitterBootstrapを使用して、ここのショーケースと同じ見栄えの良いビューを取得しようとしてい ます。これが私が行ったことです。

1- gitからモジュールをダウンロードしました

2-pom.xmlでパッケージタスクを実行します

3-作成したjarをプロジェクトのクラスパスに含めました。

4-私のproject.gwt.xmlファイルのモジュールを継承しました

<inherits name="com.github.nyao.bootstrap4gwt.Bootstrap"/>

5-モジュールをルートxmlに含めました 

<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
             xmlns:g='urn:import:com.google.gwt.user.client.ui'
             xmlns:m='urn:import:com.clouway.exreport.client.accountcreation.view'
             xmlns:t='urn:import:com.github.nyao.bootstrap4gwt.client.ui'
        >

  <ui:style src="newRegistrationStyle.css"/>
  <g:HTMLPanel addStyleDependentNames="{style.mainPanel}">
    <div class="{style.headdistance}"/>
    <div class="{style.container}">

      <g:DecoratorPanel addStyleDependentNames="{style.decoratorPanel}">

        <g:VerticalPanel addStyleDependentNames="{style.verticalPanel}}">

          <m:AccountEditor ui:field="accountEditor"/>

          <!--<g:Button ui:field="create" text="create"/>-->
         <t:Button type="Success"   text="sing in"/>
          <g:Label ui:field="errorsLabel"/>
...

</ui:UiBinder>

しかし、何も起こりませんでした。通常のテキストボックスと通常のボタンが表示されます。

ここに画像の説明を入力してください 私はこのチュートリアルを見てみましたが、これは非常に優れており、その人は物事を正しく理解しました。彼のアプリケーションは非常に見栄えがします。私は彼のコードを調べましたが、私の見た目がまだ正常である理由は見つかりませんでした。彼は素晴らしい眺めを手に入れました。事前に助けてくれてありがとう

4

1 に答える 1

11

bootstrap4gwt を使用する代わりに、gwtbootstrapを使用してみてください。これは、前者に比べてはるかに優れており、より多くのコンポーネントを備えています。gwtbootstrap のフォーラムも非常に活発です。

于 2012-06-23T11:33:41.237 に答える