Twitter introduced Bootstrap recently, a library of CSS styles aimed at web app developers in need of some design help. The toolkit includes everything from grid layouts down to buttons and modals, and works on pretty much all modern browsers, all the way back to IE7. Let’s see what we can do with it…Bootstrap is also enhanced through the Less preprocessor, which adds some additional reasons to use Bootstrap, although we’ll exclude the Less functionality from the scope of this tutorial, to keep thing simple.
Bootstrap includes a bit of documentation, but nowhere does it really explain how to use the toolkit (instead, there’s just one big demo page for you to investigate yourself). So, in this article, we’re going to strip down Bootstrap’s example page and analyze how to replicate the elements that Bootstrap covers. In providing examples, we’ll also build up a sample webpage made entirely with Bootstrap.