The CoalWorks site was developed using Bootstrap. Twitter Bootstrap is the most popular free front-end framework for developing responsive & mobile-first projects on the World Wide Web. It is an open-source collection of tools for creating dynamic websites and web applications.

It’s the latest innovation to hit the design and development world with its ability to create websites and web applications faster, better and streamlined.

Bootstrap is like a candy store for developers full of a multitude of tools.”

- Natalia David, 11 Reasons to Use Twitter Bootstrap [Ref: 1]

Having used Bootstrap myself I can say that it is a very powerful library of methods and classes that make life a lot easier for developers. Using the grid system lets you create code that will generate responsively in any format, mobile, tablet or otherwise. This functionality is at the heart of Bootstrap. Bootstrap is mobile-first.

Bootstrap makes HTML, CSS and Javascript integration intuitive and easier with a lot of the styling and design aspects are already taken care of, since the CSS is built with LESS. Bootstrap comes equipped with JavaScript libraries that go above and beyond basic structural and styling. Bootstrap’s grid system is responsive, and the columns will re-arrange automatically depending on the screen size.

Bootstrap History [Ref: 2]

Bootstrap was developed by Mark Otto and Jacob Thornton at Twitter, and released as an open source product in August 2011 on GitHub. In June 2014 Bootstrap was the No.1 project on GitHub!


Why Use Bootstrap? [Ref: 2]

Advantages of Bootstrap:

  • Easy to use: Anybody with just basic knowledge of HTML and CSS can start using Bootstrap
  • Responsive features: Bootstrap’s responsive CSS adjusts to phones, tablets, and desktops
  • Mobile-first approach: In Bootstrap 3, mobile-first styles are part of the core framework
  • Browser compatibility: Bootstrap is compatible with all modern browsers (Chrome, Firefox, Internet Explorer, Safari, and Opera)

Where to Get Bootstrap?

http://getbootstrap.com/

There are two ways to start using Bootstrap on your own web site.

  1. You can download it from here… http://getbootstrap.com/

Or,

  1. include Bootstrap from a CDN (Content Delivery Network)

MaxCDN: Cut and paste these links into your source file where you store all your HTML data (in the head section).

<!– Latest compiled and minified CSS –>
<link rel=”stylesheet” href=”http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css”>

<!– jQuery library –>
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js”></script>

<!– Latest compiled JavaScript –>
<script src=”http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js”></script>

References:

  1. http://www.sitepoint.com/11-reasons-to-use-twitter-bootstrap/
  2. http://www.w3schools.com/bootstrap/bootstrap_get_started.asp
  3. http://getbootstrap.com/css/
  4. http://en.wikipedia.org/wiki/Bootstrap_(front-end_framework)