Twitter Bootstrap – A CSS Toolkit By Twitter

Twitter Bootstrap is a toolkit created by Twitter for kickstarting CSS when developing websites.

It is built with Less and consists of base CSS + HTML for typography, forms, buttons, tables, grids, navigation, and some more.

The grid provided is 940px wide 16-column and, for the layouts, there are solutions for both fixed + fluid ones.

Twitter Bootstrap

Twitter Bootstrap's HTML elements have a plain-yet-elegant style where form inputs get a nice box-shadow on focus or table rows being highlighted.

The kit also includes other stuff like popovers, alerts, tabs and pagination which all use semantic XHTML.

It is actually built with Preboot, an open-source pack of mixins and variables to be used with Less and, for anyone willing to use it with Less rather than the static CSS, a detailed how-to is provided.

  • Jasper

    So how many of these things are there nowadays? And why isn’t this standardized? YUI does a pretty good job in covering it all, and now Twitter is in the game with some half-baked ‘bootstrap’ template. Sure.

  • Kerr

    YUI is b l o a t e d. Have you taken a look at the bootstrap before assessing it as half-baked?

  • Hey,

    Check out our WordPress plugin for Twitter Bootstrap. You can include the latest Twitter CSS and Javascript in your site as quickly as you like! 🙂

    You can even add your own custom reset css to the beginning of your theme too. No editing theme files etc.

    Here it is: http://wordpress.org/extend/plugins/wordpress-bootstrap-css/

    Let me know what ya think.
    Paul.

  • Hi,

    I think it’s a very useful framework. It’s better than Inuit CSS and covers all the fundamentals (grid, css3 buttons, reset, forms …) A good start for a website from scratch or for replacing an old framework.

    Thanks for this link !

  • I really like Bootstrap so I started Built With Bootstrap to make a directory of sites that use it and offer some free promotion.

    Feel free to submit your sites for inclusion: http://builtwithbootstrap.tumblr.com/submit

Search