Bootstrap, from Twitter

On Devoxx 2011, about a month ago, I heard about this cool new concept, ‘Bootstrap from Twitter’. The idea is brilliant in its simplicity.
It targets developers of new applications. If you are playing around with a proof of concept, hacking away in some new programming language or just focussing on getting the something to work right, then this is just the thing for you.
The basic idea is that Twitter gave away some basic css and javascript for building web applications. That’s just it. Bootstrap just gives you the most common used styles and javascript that Twitter uses. You can download it, plug it into whatever you are building and get stared.
Currently I’m playing around with the beta release from play 2.0 (see what I did there). And now I’m building a text based app with ugly formatted forms etc. Everyone who has ever build something from scratch probably knows what I’m talking about. Just by adding the css (I use the less version of it since bootstrap is build with less from the start), I go from this

to this

Perhaps the difference is not very impressive but everything looks a bit more web 2.0. When we start to apply some basic css classes to our login form we can easily improve it more.

As you can see the botstrap css contains basic css for most, not to say all aplications. This way you can build a demo without having to worry that it looks slick.
Eventually I ended up with this, I won’t use it and I know it is a bit redundant, but I just wanted to show the potential lying in this cool project

Bootstrap also includes other features, a short summary

  • Example Layouts (based on the but without the 10px margins)
  • Basic Typography
  • Media grids
  • Table styles
  • Forms layout
  • Navigation styles
  • Styles for Alerts & Errors
  • Popovers (modal windows)

I know this is not the most technical topic to blog about, but I think that every developer sees the benifit of using this.
You can download Bootstrap here and check out the other features here or just go ahead and fork the project on github.