Written by Kevin Liew on 29 May 2012 •
296,506 Views •
Web Development
Introduction
Twitter Bootstrap is one of my favourite framework for quick website prototyping and default style for my CMS. If you don't know about Twitter Bootstrap, it's a simple and flexible HTML, CSS, and Javascript for popular user interface components and interactions. Created by the developers from Twitter, this great tool contains base CSS, grid, responsive, general styling, UI components and javascript plugins that can speed up your development process.
I have been using it for a while now, it allowed me to have full concentration on the functionality of the website instead of cross browsing testing and styling. It can easily save me heaps of times! Based on my personal opinion, Twitter Bootstrap does limit how you design a website. If you look at this Twitter Bootstrap showcase, many of them are identical and you can read another opinion from Paul Scrivens. It's a good tool, but don't abuse it.
In this post, I have found many useful tools, plugins and themes created specifically for Twitter Bootstrap. If you love using Twitter Bootstrap, I'm sure you will love all these resources.
Update I also created a post about third party Twitter Bootstrap javascript plugins - Extend Twitter Bootstrap Javascript Plugins.
Everybody seems to like this post a lot, it's mentioned on The Treehouse Show! Thanks, Team Tree House ;)
Tools - Wireframing, Generators and Template
Additional Plugins
Skin, Themes & Styles
- Bootstrap Styler
A good collection of well-developed and beautifully made bootstrap themes which targeting different audiences. Inherited from bootstrap, they are responsive, UI rich and the best thing is, apart from its grid and layout, they don't look like the original bootstrap at all. You find bootstrap with metro design, dark theme, theme with full background and etc.
- jQuery UI Bootstrap
This project brings the beauty of Twitter's Bootstrap to jQuery UI widgets. - Bootwatch
Change the style of Twitter bootstrap easily by downloading premade CSS styles. - FB Bootstrap
Fbootstrapp is a toolkit designed to kickstart development of facebook iframe apps in both relevant sizes. It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more, styled in the typical facebook look and feel. - DarkStrap
A Dark Theme for Twitter Bootstrap 2. - Kickstrap
A full version of Twitter's Bootstrap with themes, enhancements, and other goodies. - jQuery Mobile Bootstrap
A jQuery Mobile theme based on Twitter Bootstrap - WordPress BootstrapTwitter Bootstrap in a Wordpress Theme.
By Kevin Liew
Kevin Liew is a web designer and developer and keen on contributing to the web development industry. He loves frontend development and absolutely amazed by jQuery. Feel free to say hi to me, or follow @quenesswebblog on twitter.