Develop a web application with a great foundation – Twitter’s Bootstrap.

What is Bootstrap?

Bootstrap is a free toolkit from Twitter designed to kickstart development of webapps and sites.
It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.

Bootstrap  was designed to work out of the gate with modern browsers in mind (although it even supports IE7-9 quite nicely!).

Bootstrap provides and makes available to use commonly used elements of Web Design such as :

  • Forms
  • Grid layout
  • Buttons
  • Tables
  • Alert elements
  • Modals
  • Navigation
  • Typography

and lots of other useful pieces that you might need while developing a web application.

You can take a look at Bootstrap and what elements it provides here :
http://twitter.github.com/bootstrap

Bootstrap is also on GitHub and please be sure to read their FAQ and Roadmap.

One of the upcoming features that excite me the most – responsive HTML 5 layout.

Tools that are helpful when creating with Twitter’s Bootstrap:

http://bootsnipp.com – my very own =)

http://www.martinbean.co.uk/bootstrap-generator/

http://makeusabrew.github.com/bootbox/demo/

There are also WordPress Themes that use Bootstrap as a base and also plugins that provide some of the Bootstrap’s functionality.

Here’s a plugin for wordpress that implements Bootstrap CSS :

http://wordpress.org/extend/plugins/wordpress-bootstrap-css/


Websites that use Bootstrap Framework :

Code Nasa – open source Nasa code for software engineers:
http://code.nasa.gov/

You may also like

More in Code Blog
resizephp
PHP script to create thumbnails for images

The task: Write a PHP script to get images from database (database table "PHOTOS"), resize them and output them in...

Close