Take me back!! I want my CSS!! Click me to get back :)

×

Are you missing out on your dream job?

Enrollment for Skillcrush Blueprints JUST OPENED. Register today!

Click Here

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.

3 comments

  1. 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!

  2. Skelly Replied

    Nice overview. I used Bootstrap for http://in1.com. 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 http://bootswatch.com/ 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.