Font size utility classes
I appreciate your amazing work on templates.
Saw on landing usage of fs-6 fs-lg-4 , tried to use it myself expecting behavior like in all Bootstrap5 responsive items(cols, paddings, flex alignments, etc.) but it was not behaving like that.
In code I found that there is only 2 breakpoints general and >1200px, is it some sort of bug/mistake or is that the Way?
Replies (3)
Yes, but why in compiled version of css bundle there is fs-1 fs-2 fs-3 fs-sm-* fs-md-* fs-lg-* redefined in @media(min-width: 1200px) and according to compiled css xl is for @media(min-width: 1200px) and lg is for @media(min-width: 992px) ?
Hi,
We use standard Bootstrap API to extended the font size utility classes.
Please refer to the Utility classes API.
"font-size": (
rfs: true,
responsive: true,
property: font-size,
class: fs,
values: $font-sizes
),Regards.
Hi,
This is how the standard Bootstrap responsive mode works. fs-6 is applied for all breakpoints while fs-lg-4 is applied for breakpoints > 1200px. This is how all Bootstrap utilitly classes work.
Regards.
