Bootstrap is a powerful front-end framework for faster and easier web development. It includes HTML and CSS based design templates for common user interface components like Typography, Forms, Buttons, Tables, Navigations, Dropdowns, Alerts, Modals, Tabs, Accordion
Bootstrap was developed by Mark Otto and Jacob Thornton at Twitter. It was released as an open source product in August 2011 on GitHub.
Why use Bootstrap?
- Mobile first approach: Since Bootstrap 3, the framework consists of Mobile first styles throughout the entire library instead of in separate files
- Easy to get started: With just the knowledge of HTML and CSS anyone can get started with Bootstrap. Also the Bootstrap official site has a good documentation
- Browser Support: It is supported by all popular browsers
- Responsive design: Bootstrap's responsive CSS adjusts to Desktops,Tablets and Mobiles. More about responsive design
Getting Started with Twitter Bootstrap
Here, you will learn how easy it is to create a web page using Twitter Bootstrap. Before begin, be sure to have a code editor and some working knowledge of HTML and CSS.
Downloading the Bootstrap Files
There are two versions available for download, compiled Bootstrap and Bootstrap source files. You can download Bootstrap files from here.
Understanding the File Structure
Once downloaded the compiled Bootstrap, unzip the compressed folder to see the structure. You’ll find the following file structure and contents
This is the most basic form of Bootstrap:
precompiled files for quick drop-in usage in nearly any web project. We provide compiled CSS ,JS (bootstrap.*),as well as compiled and minified CSS and JS (bootstrap.min.*). Fonts from Glyphicons are included, as is the optional Bootstrap theme.