Chapter 6
Using the Features of Bootstrap 4
Section 3
Understanding the rem and em CSS Units
This video explains how Bootstrap 4 has switched from pixels (px) to rem and em wherever possible. 1 em is equal to the current font size of the parent element. 2 em means two times the size of the current font. This means that we can achieve responsive typography and components by just changing the parent element's font size using CSS media queries for different viewports or device width sizes. Let us begin by: - Using the new grid system - Using spacing utility classes - Demonstrate the use of display headings - Implement the inverse table feature in a web page