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:
What is Bootstrap?
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 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.
- Customizable Components: You can customize Bootstrap's components, LESS variables, and jQuery plugins to create a custom version
- ↑ Refsnes Data: Bootstrap Introduction - W3Schools. http://www.w3schools.com/bootstrap/bootstrap_intro.asp. Retrieved 2014-11-10