In this article we will start Bootstrap
3, 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?
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.
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.
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.
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.
After downloading, we will unzip the folder and we will find the following subfolders inside that.
For better understanding we'll focus on the compiled Bootstrap files. As the files are complied and minified we don't have to