Hope you are doing well. If you are a web developer, it is impossible that you have not heard or used Bootstrap CSS framework. Bootstrap is most loved CSS framework among developers. Let us explore bootstrap today.
What is bootstrap?
As per Wikipedia definition :
Bootstrap was designed and developed by Twitter engineers named Mark Otto and Jacob Thornton to implement uniformity, reduce maintenance burden and avoid any inconstancy among web solutions. Initial release was presented to developer community in mid August 2011, since then it has become most favorite framework among web developers. Current stable version is 3.3.7 and version 4 is is about to be released soon. You can get more information about this at Bootstrap blog .
Installation and Getting Started
Installation of bootstrap library is very simple.
- You can download the libraries from the Bootstrap site and add into your project.
- You can add direct reference of libraries through bootstrap CDN
- Setup bootstrap libraries using various Package managers like npm, Bower, Composer, nuget and various others.
Please note, some functionality requires jQuery , so do not forget to download and include jQuery libraries in your project. More information about getting started available at bootstrap website.
Why use Bootstrap?
Bootstrap is feature rick and completely transform your website/Web-applications to amazing , eye catching, responsive website. Here are few (but not limited to ) advantages of using Bootstrap.
Ease of use
Bootstrap is very most easy to use. Just add reference and you are ready to go. No need to change much in your code, just add classes in you div and see witness amazing results.
Turn your site to be mobile ready. At present mobiles are more than laptops to access web content. It is developers responsibility to make the website suitable for mobile viewing. With bootstrap website can be turned mobile friendly, using bootstrap's fluid grid layout that dynamically adjusts to the proper screen resolution. Bootstrap provides amazing grid system, suitable for every kind of devices.
Using bootstrap you can save lot of time on development. Using bootstrap you can add flying colors to your web development rather than coding from scratch, Bootstrap enables you to utilize ready made blocks of code to help you get started.
Cross browser compatibility
Bootstrap classes are compatible to all available browsers, it means you code and CSS will not be changed. Website will look uniform across all browser.
Extensive Community Support
Bootstrap is the second most-starred project on GitHub, with more than 107,000 stars and 48,000 forks. It has strong community to support the framework. In case of any issues, just ask for the help, hundreds of developers will be there lean helping hand.
Bootstrap is fully customized. If you want to used jQuery or not, it's upto you. You can customized classes to suit your requirements. All source code is available
In addition to base bootstrap CSS, there are thousands of additional components and themes are available under open source licensing. You can get benefit of all available resources.
There are many sites available to provide help and examples on Bootstrap. I am sharing few of my favorite sites.
- Bootstrap official examples
- Official Bootstrap Blog
- google with Bootstrap Resources.
Today we only covered Bootstrap fundamentals, In our forthcoming posts, we shall cover in details about bootstrap usage with code snippets.