Bootstrap/Introduction

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:

• HTML
• CSS
• JavaScript and jQuery

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.

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