This article or tutorial is a work in progress and is still being worked on by other users. Give it some time to mature.

Before learning Bootstrap, you should have a basic understanding of:

Bootstrap is a framework for creating responsive websites and web applications at no cost. It contains HTML and CSS-based design templates for text, forms, buttons, navigation and more, as well as optional JavaScript extensions. Bootstrap is an open-source project licensed under the MIT license, available on GitHub and as of August 2018 is in version 4.1.3.

A Brief History

Bootstrap is the work of Twitter staff members Mark Otto and Jacob Thornton as a framework to encourage consistency across internal tools. Prior to Bootstrap, various libraries were used for interface development, leading to inconsistencies and a high maintenance burden.

In August 2011, Bootstrap was released as an open-source project on GitHub.

In June 2014, Bootstrap was the number 1 project on GitHub.[1]

Why Should I Use Bootstrap?

There are four primary reasons why Bootstrap should be used:

  • Mobile-first approach: Since the release of Bootstrap 3, the framework consists of mobile-first styles throughout the library.
  • Browser support: Bootstrap is supported by all major browsers, including Google Chrome and Opera
  • Responsive web design: Bootstrap's responsive CSS adjusts to desktop monitors, tablet screens, and mobile phone screens.
  • Easy to learn: If you know just HTML and CSS, you can get started with Bootstrap more easily.

Bootstrap Features

Bootstrap includes the following features:

  • Scaffolding: Bootstrap contains layout, a grid system, a fluid grid system and responsive design.
  • Base CSS: Bootstrap contains <div> classes for forms, typography, tables, buttons, images, etc.
  • Components: Bootstrap contains reusable components, such as dropdowns, icons, navbars, breadcrumbs, and alerts.
  • JavaScript/jQuery extensions: Bootstrap contains multiple custom jQuery plugins. Include them all or one by one.
  • Customizable Components: You can customize Bootstrap's components, LESS variables, and jQuery plugins to create a custom version


  1. Refsnes Data: Bootstrap Introduction - W3Schools. Retrieved 2014-11-10