Question

I am trying to use Twitter Bootstrap for GWT and get the same nice and pretty view like the showcase here and here is what I did:

1- downloaded the module from git

2- run package task in the pom.xml

3- included the created jar in my projects classpath.

4- inherited the module in my project.gwt.xml file with

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

5- included the module in my root 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> 

But nothing happened. I got normal text box and normal button.

I took a look at this tutorial which is very good and the guy got the things right, his application has very nice look. I took a look at his code but didn’t find any reason why my look i still normal and he got the nice view. thanks for help in advance

Answer 1

Instead of using bootstrap4gwt try using gwtbootstrap which is far better and has much more components compared to the former. The forum is also very active in gwtbootstrap.