Bootstrap, from Twitter
Bootstrap is an open source front-end toolkit created two years ago by some Twitter employees. The initial goal was to improve their internal tools but the application was later expanded beyond Twitter. It provides flexible, ready-to-use components to build with HTML, CSS and JavaScript. Consequently, Bootstrap has grown to be the most downloaded project on GitHub (more than 33,000 watchers and almost 7,000 forks).

Let’s take a closer look at some of Bootstrap’s features:

Scaffolding:

Twitter Bootstrap is built on a 12 columns grid.


This grid is fully customizable and allows the developer to create a responsive layout easily through media queries. Bootstrap supports various formats and devices such as smartphones, tablets (including portrait tablets), regular display and large display. The responsive functionality of Bootstrap is not included by default, but provided with the package.

Base CSS:
Base CSS

A base CSS is available. Tables, forms, buttons and are already styled. The styles can also be easily removed if they don’t meet your needs or if you want something more original.

Components:

  • button dropdowns menus
  • nav, tabs, pills
  • navbar
  • breadcrums
  • pagination
  • alerts
  • many more

JavaScript plugins:

Various JavaScript plugins are already included. Here are a few examples:

  • drop-downs menus
  • popovers
  • tooltips
  • alerts
  • buttons
  • and a lot more!

Why Bootstrap is a great tool:

The purpose of Bootstrap is to simplify developer’s life. It makes everything easier and quicker. Be aware of the fact that it cannot be used by a non-developer. Bootstrap doesn’t offer a way to create websites from scratch without prior knowledge.

For me, it has three main advantages:

  • Doing responsive design on a grid-based layout is now very easy – almost natural. A responsive design will add great value to a product.
  • I would not recommend using all of the CSS Components on a website because it will create an unoriginal design. But if you want to create an internal tool for your company or a client that doesn’t need to be highly customized, you can save a lot of precious time.
  • Most of the Javascript plugins that you will need are already included. With Bootstrap, you don’t need to lose time searching the web for the best plugin, because they’re already there. Every developer knows how building a drop-down menu can be annoying. Bootstrap takes care of that, allowing the developer to spend time on what really matters, providing a product or better quality.

Those are some of the reasons that I love Bootstrap. It is a great tool developed by a serious team. Bootstrap allows developers to work on their own early without the designer, creating functional, good-looking products and allowing for the implementation of the designer’s work later.

Related links:

Official GitHub page

Build with Bootstrap (unofficial tumblr)