How do I implement responsive typography with Bootstrap 4?

Question

I\'m building a responsive web app with Bootstrap 4. I want the font size of all text to be reduced on mobile devices compared to desktop, so I added the following to my bas

Answer 1

This is a Sass feature.

To have access to the media-breakpoint mixins and the size variables, you need to:

1. add a custom.scss file
2. @import "node_modules/bootstrap/scss/bootstrap";
3. and setup a Sass compiler

https://getbootstrap.com/docs/4.0/getting-started/theming/