Я пользуюсь возможностями sass, который есть в Бутстрапе.
Сначала задаю нужные мне брейкпойнты.
$grid-breakpoints: (
xs: 0,
ss: 320px,
sm: 480px,
md: 768px,
lg: 992px,
xl: 1200px
);
Заметьте брейкпойна "ss" в Бутстрапе по-умолчанию нет. Но вообще можно добавить любые нужные вам брейкпойнты.
Потом для текстов пользуюсь возможностями, которые предоставляют миксины.
@include media-breakpoint-down(xl) {
/* тут пишите нужные размеры для заголовков и др. текстовых тегов */
}
@include media-breakpoint-down(lg) {
/* тут пишите нужные размеры для заголовков и др. текстовых тегов */
}
@include media-breakpoint-down(md) {
/* тут пишите нужные размеры для заголовков и др. текстовых тегов */
}
@include media-breakpoint-down(sm) {
/* тут пишите нужные размеры для заголовков и др. текстовых тегов */
}
@include media-breakpoint-down(ss) {
/* тут пишите нужные размеры для заголовков и др. текстовых тегов */
}
@include media-breakpoint-down(xs) {
/* тут пишите нужные размеры для заголовков и др. текстовых тегов */
}
