- Notifications
You must be signed in to change notification settings - Fork4
Easy-to-add CSS for adding Responsive Font Sizes (RFS) to Bootstrap 4
License
coliff/bootstrap-rfs
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
Bootstrap 4.3 introducedResponsive Font Sizes (RFS) which you can enable in the SCSS compiler. If you're compiling the CSS for your project I highly recommend turning it on.
If you're loading Bootstrap from a CDN though you won't be able to take advantage of those RFS rules. This repo offers a quick fix - a tiny CSS file with the relevant changes.
A couple of options are available:
- Copy the CSS rules to your site
- Copy the
bootstrap-rfs.cssrules to your site's CSS - Add the following to your sites
<head>(after loading Bootstrap's) -<link href="bootstrap-rfs.css" rel="stylesheet">
- Use a CDN
- Add the following to your sites
<head>(after loading Bootstrap's) -<link href="https://cdn.jsdelivr.net/gh/coliff/bootstrap-rfs/bootstrap-rfs.css" rel="stylesheet">
Optional: You can addmedia="screen and (max-width: 1200px)" so it will load the CSS asynchronously. The CSS has the 'max-width: 1200px' media query included as well so this is optional.
About
Easy-to-add CSS for adding Responsive Font Sizes (RFS) to Bootstrap 4
Topics
Resources
License
Code of conduct
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Uh oh!
There was an error while loading.Please reload this page.