Twitter Bootstrap

Twitter Bootstrap is a collection of CSS, JavaScript, and image files that help you to quickly build great looking web applications.

Twitter Bootstrap is a collection of CSS, JavaScript, and image files that help you to quickly build great looking web applications.

You might remember from our HTML Week that a boilerplate is a collection of code files that take care of all the pesky required stuff and allow you to focus on the features and functionality that make your project unique.

Twitter Bootstrap goes one step further by making it easy to get some of the standard web application functionality in place. Want great looking forms, modals, and dropdown menus? Yeah, Twitter Bootstrap’s got that. Looking to make your site responsive so that it looks great on mobile phones? With Twitter Bootstrap’s fluid grid and responsive CSS that’s a synch. Want a clean looking site with beautiful blue buttons and heavy use of Helvetica? Twitter Bootstrap is for you!

Now, granted, in the long run you will probably want to create some custom CSS styles for your site that don’t fit in the with blue button, Helvetica aesthetic of Twitter Bootstrap. We for one, love us some white script fonts and reddish, orange backgrounds.

But that doesn’t mean you can’t still put Twitter Bootstrap to use! In our experience, it’s not actually the user-facing side of the web app that most developers need help styling, it’s the CMS or admin interface. And that is where Twitter Bootstrap really shines. As long as you put together a reasonably decent admin architecture (meaning that that users are able to easily navigate between sections), Twitter Bootstrap will make all those tabs and text inputs and buttons look amazing.

Now Try This
  1. Familiarize yourself with all of Twitter Bootstrap’s offerings.
  2. Take a look at some of the sites that are putting Twitter Bootstrap to use.
  3. Download Twitter Bootstrap and give it a whirl!

Your email address will not be published.



  1. Jennell Lattin Replied

    An impressive show, I just with all this onto a colleague who was simply performing a little analysis upon this. And he in reality bought me breakfast time because I came across it for him.. teeth. So i want to reword that: Thnx for the treat! But yeah Thnkx for spending enough time to go over this, Personally i think strongly about any of it and love reading more upon this topic. When possible, as you feel expertise, can you mind updating your site with an increase of details? It really is highly ideal for me. Big thumb up because of this blog post!

  2. Macie Kohs Replied

    “Nice read, I just passed this onto a colleague who was doing some research on that. And he actually bought me lunch since I found it for him smile Therefore let me rephrase that: Thank you for lunch!”

  3. JackiJinx Replied

    Just came here from the 10-Day Bootcamp Resources on Django. The URL for all the Twitter Bootstrap stuff goes to a dead link. Just wanted to point it out!

  4. Skelly Replied

    Nice overview. I used Bootstrap for It was modified my adding another CSS file to override the Twitter CSS selectors and create new ones as desired for a custom style. Also check out which is a custom themes tool for Bootstrap.

Want more articles like this?

Sign up to get the most recent tech news, tips and career advice.