From the course: Bootstrap 4 with Sass

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Enabling responsive font sizes

Enabling responsive font sizes - Bootstrap Tutorial

From the course: Bootstrap 4 with Sass

Start my 1-month free trial

Enabling responsive font sizes

“

- [Instructor] The Bootstrap CSS normally does everything you need to put a website together. But we can actually modify some variables that will affect how Bootstrap builds itself and we can add features that cannot be added any other way. One of those is responsive font sizes. It's a pretty new feature in Bootstrap 4.3. What it allows you to do is change the font size of the elements on your page depending on the width of the screen and do that dynamically by performing some calculations. When I'm resizing the screen right now you'll see that the font isn't actually changing size it's just re flowing to accommodate the width of the screen. I'm going to make this pretty small here and they should still be the same size. Then going to going to my custom CSS file and turn on this variable. It's called enable-responsive-font-sizes and I'll set this to true. So, make sure you keep your eye right here. As soon as they save that and the files process you should see that font get a little…

Contents