On 2012-12-19, at 3:44 AM, Erik Jan de Wit wrote:

Hi,

Bootstrap responsive UI combined with Errai UI works very well. I've used this in a few demos already actually.

Right, but what I was thinking about was to help a developer user it more easy instead of creating his own css and html (or use what twitter bootstrap provides) we include a grid concept like twitter bootstrap. For example:

<r:Row>
<r:Column size="12">
   <g:Label>Level 1 of Column</g:Label>
   <r:Row>
     <r:Column size="6">
       <g:Label>Level 2</g:Label>
     </r:Column>
     <r:Column size="6">
       <g:Label>Level 2</g:Label>
     </r:Column>
   </r:Row>
</r:Column>
</r:Row>

That would be really useful for people who use GWT UiBinder and/or programmatic layout of widgets. This is definitely something we support, but we're angling toward ErraiUI for our demos and stuff. I think with ErraiUI, special row and column widgets for Bootstrap wouldn't be super-useful.

One thing I definitely did run into with Bootstrap was that it's super-awkward to use their jQuery addons in an ErraiUI project. All of the CSS is reusable, but the logic in the plugin is difficult to include and invoke in a natural way. I ended up recreating the popover plugin code in the Grocery List demo:

It would be cool to have a module that provides the Bootstrap stylesheets plus GWT reimplementations of all the jQuery plugins. That would help everyone no matter it they're doing programmatic, UiBinder, or ErraiUI.