Introduction
In this article we will start
Bootstrap3, we will learn the fundamentals and features of the latest Bootstrap framework step-by-step. So by using this we can easily create interactive, responsive websites and save a lot of time and effort.
What is Bootstrap?
Bootstrap is the most popular and powerful HTML,CSS, and JavaScript front-end framework for faster and easier use, responsive layout, mobile-first web development. It includes design templates for UI components like Forms, Buttons, Tables, Navigation, Dropdowns, Alerts,Tabs, Accordion, Carousel and many other with optional JavaScript plugins.
Features of Bootstrap
Easy to use: Bootstrap is very easy to use. Anyone with the basic knowledge of HTML and CSS can start development with Bootstrap.
Open Source: Bootstrap is completely free to download and use.
Browser compatibility: Bootstrap is compatible with all modern browsers like Google Chrome, Mozilla Firefox,Internet Explorer,Safari,and Opera.
Mobile-first approach: In Bootstrap 3, mobile-first styles are part of the core framework.
Responsive features:
By using Bootstrap we can easily create responsive designs for web pages. Bootstrap's responsive CSS makes our web pages appear more appropriately on different devices as it adjusts to phones, tablets, and desktops.
Consistent design:
All Bootstrap components share the same styles and design templates through a central library, so that the designs and layouts of web pages are consistent.
Save lots of time: Using the Bootstrap predefined design templates and classes we can save lots of time and effort.
Where to Get Bootstrap?
There are two ways to get Bootstrap on our own web site.
- Download Bootstrap.
- Include Bootstrap from a CDN.
Download Bootstrap
We can
download the latest version of Bootstrap. When we click on this link we will see screen like this.
Now if we click on Download Bootstrap button, another page will open like this:
There are two versions available for download, compiled Bootstrap and Bootstrap source files.
- Download Bootstrap: By clicking on this option, we can download the precompiled and minified versions of Bootstrap CSS,JavaScript,and fonts.
After downloading, we will unzip the folder and we will find the following subfolders inside that.
- Download Source: By clicing on this option, we can get the latest Bootstrap LESS and JavaScript source code.
For better understanding we'll focus on the compiled Bootstrap files. As the files are complied and minified we don't have to