Bootstrap – Introduction
Bootstrap – Specific Advantages
As already stated, Bootstrap presents a single source of truth for all HTML & CSS needs which are required for designing & developing interactive websites (both for desktops as well as mobile). Still, a few of the key advantages of using Bootstrap which compels the developer community to use it extensively are mentioned below:
a) Easy to upskill & employ
Any developer having the basic knowledge of HTML and CSS can start using the features of Bootstrap.
b) Auto-responsive feature
The embedded CSS in Bootstrap auto-adjusts to the platform in which the webpage is viewed (mobile, tablets, desktops, etc.)
c) Mobile-first approach
Bootstrap in its newest version has incorporated the mobile-first approach wherein the CSS is designed specifically for mobiles, and then work their way upwards.
d) Compatible with all browsers
Bootstrap designs are compatible with all browsers such as Firefox, Chrome, Safari, etc.
Bootstrap – Basic Example
Just like any other library; Bootstrap needs to be first linked or referenced to the HTML code post which all the CS features would be auto-applied to the webpage. Therefore, the link is done similarly to the external style sheets.
Once the declarations are done in the HEAD tag; the classes and features of the embedded CSS can be used in the subsequent BODY tag; which would eventually become the visible part of the web page.
The ‘class’ reference would automatically connect to the CSS embedded in bootstrap; and provide the requisite look & feel to the visualization.
Recent developments in Bootstrap – Bootstrap 4 vs. Bootstrap 3
The key advancements which came into being in the 4th edition of Bootstrap vis-à-vis their previous releases are –
a) The number of CSS files that were there in Bootstrap 3 was less as compared to Bootstrap 4
b) Bootstrap 4 has a 5-grid system whereas Bootstrap 3 has a 4-grid system
c) Bootstrap 4 has a more enhanced class for rendering responsive images as compared to Bootstrap 3
d) Bootstrap 4 has introduced features of adding, removing, or even renaming existing classes – which was previously not present in the third edition.