Twitter Bootstrap: A matter of hoursPosted: February 3, 2013
Twitter Bootstrap is the most easy way to add powerful UI interface to your project, which would be in its naked form otherwise. Most of the developers do suck at designing and thus they find a hard time trying to make their hack look good.Spending just a few hours to learn to use bootstrap would really save a lot of time in covering up the underlying functionality with ergonomic interface.
Though I’ve used it a couple of times I actually never knew what most of the stuff were in Twitter Bootstrap. The glistening website always made me consider learning to use it but laziness, a developer’s implicit nature, prevented me from doing it.
Finally I grasped up the opportunity of learning it up by taking it as an academic assignment. So one night after a wasting a lot of hours unproductively, I started searching for ways to learn it and ended up with this.
Watched all the 12 videos. coding alongside, in 3 hours or so(don’t remember exactly). The videos led me through lists, tabs, tables, popovers and luckily even carousels turned out to be very easy. The only thing that didn’t work out for me, and was not there in the videos was Scrollspy. Still trying to make it work.
In the meantime, I also fixed a perennial problem of jQuery not working offline in web pages. Found the solution here. Although learning Bootstrap was a necessary evil, as I’d need to use it in some upcoming projects(lookout for it), but I was really glad I learnt it in a such a short matter of time.
This is the video tutorial that I made that would explain the construction of the above page.
And here is the link to the source code.