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 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 are 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 similar 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 which were there in Bootstrap 3 were less as compared to Bootstrap 4
b) Bootstrap 4 has a 5-grid system where as 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.