title: GWT-Bootstrap Modal not shown after setVisible is called
body: <p>I have a simple modal that I want to show when a button is clicked.</p>
  
  <p>Here's the Code that I'm using to show the Modal</p>
  
  <pre><code>@UiHandler("submit")
  void handleClick(ClickEvent e){
      ModalDialogDemo modalDialog = (ModalDialogDemo) RootPanel.get().getWidget(2);
      modalDialog.setHeight("200px");
      modalDialog.setWidth("100px");
      modalDialog.setVisible(true);
      if(modalDialog.isVisible()){
          System.out.println("Successfully Displayed the Modal!");
      }
      else{
          System.out.println("Something went wrong.");
      }
  }
  </code></pre>
  
  <p>Even though the Modal isn't displayed on the screen the Message logged onto the console is the former i.e. Successfully Displayed the Modal!</p>
  
  <p>I did some digging with firebug and before the button is clicked the rendered HTML is</p>
  
  <pre><code>&lt;div&gt;
  &lt;div class="modal" style="display: none;" aria-hidden="true"&gt;
  &lt;div class="modal-header"&gt;&lt;a class="close" data-dismiss="modal"&gt;×&lt;/a&gt;&lt;h3&gt;Name&lt;/h3&gt;&lt;/div&gt;
  &lt;div class="modal-body"&gt;&lt;div class="gwt-Label"&gt;Modal Content Comes Here&lt;/div&gt;&lt;/div&gt;
  &lt;div class="modal-footer"&gt;&lt;div class="gwt-Label"&gt;And this is the footer&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>after the button is clicked it changes to</p>
  
  <pre><code>&lt;div style="height: 200px; width: 100px;" aria-hidden="false"&gt;
  &lt;div class="modal" style="display: none;" aria-hidden="true"&gt;
  &lt;div class="modal-header"&gt;&lt;a class="close" data-dismiss="modal"&gt;×&lt;/a&gt;&lt;h3&gt;Name&lt;/h3&gt;&lt;/div&gt;
  &lt;div class="modal-body"&gt;&lt;div class="gwt-Label"&gt;Modal Content Comes Here&lt;/div&gt;&lt;/div&gt;
  &lt;div class="modal-footer"&gt;&lt;div class="gwt-Label"&gt;And this is the footer&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The first div has the height and width that I set applied and the aria-hidden also cleared but the child div which actually contains the modal isn't affected.</p>
  
  <p>I don't know how I can tell GWT to apply the changes to the child div also, can someone help me out with this?</p>
  
  <p>Edit:
  This is my ModalDialogDemo.ui.xml</p>
  
  <pre><code>&lt;!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent"&gt;
  &lt;ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
      xmlns:g="urn:import:com.google.gwt.user.client.ui"
      xmlns:b = "urn:import:com.github.gwtbootstrap.client.ui"&gt;
      &lt;g:HTMLPanel&gt;
          &lt;b:Modal title="VipName" backdrop="STATIC"&gt;
              &lt;g:Label&gt;Modal Content Comes Here&lt;/g:Label&gt;
              &lt;b:ModalFooter&gt;
                  &lt;g:Label&gt;And this is the footer&lt;/g:Label&gt;
              &lt;/b:ModalFooter&gt;
          &lt;/b:Modal&gt;
      &lt;/g:HTMLPanel&gt;
  &lt;/ui:UiBinder&gt; 
  </code></pre>