FANDOM


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?

Bootstrap is a collection of tools for creating websites and web applications at no cost. It contains HTML and CSS-based design templates for text, forms, buttons, navigation, etc., as well as optional JavaScript extensions. Bootstrap is also an open-source project and is available on GitHub.

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

References

  1. Refsnes Data: Bootstrap Introduction - W3Schools. http://www.w3schools.com/bootstrap/bootstrap_intro.asp. Retrieved 2014-11-10

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.