Rants, Thoughts and Code

Twitter Bootstrap and JSF

I was amazed by the magic that Twitter Bootstrap can bring into one application. If you are not a front end guy and want to develop one nice looking application, then Twitter Bootstrap is the way to go. The way it manges to arrange the layout and its basic components has always surprised me.

I decided to give a try, to use Twitter Bootstrap on a JSF implementation. Of course there was no doubt about which implementation to use. With a rich set of components Primefaces is one of my all time favorite.

The code has been hosted on Github. One can checkout here.

The screen-shot of the application can be seen here

Lessons Learned
  1. The layout classes can be very well integrated to JSF.
  2. Some of the component styling would behave weird when integrated with Primefaces.
  3. Primefaces has its own twitter-bootstrap theme. If one would like to use the default bootstrap colors and not the Layout and other basic components then this is the best option.
  4. Don’t use your own jquery version. Primefaces has one.