Не работает адаптивный размер текста в бутстрапе
281
07 февраля 2019, 20:40
В документации к бутстрапу 4 есть пример как сделать адаптивный размер https://bootstrap-4.ru/docs/4.1/content/typography/
html {
font-size: 1rem;
}
@include media-breakpoint-up(sm) {
html {
font-size: 1.2rem;
}
}
@include media-breakpoint-up(md) {
html {
font-size: 1.4rem;
}
}
@include media-breakpoint-up(lg) {
html {
font-size: 1.6rem;
}
}Answer 1
Этот код не будет работать напрямую из CSS. Его нужно вставлять в свой SCSS и компилировать. @include media-breakpoint-up(md) - это миксин бутстрапа.
Из CSS это делается так:
@media (min-width: 576px) {
html {
font-size: 1.4rem;
}
}
@media (min-width: 768px) {
html {
font-size: 1.6rem;
}
}
-
06:53
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
-
20:42
-
09:21
Основные этапы разработки сайта для стоматологической клиники
-
12:26
-
10:30
-
18:43
Продвижение своими сайтами как стратегия роста и независимости
-
22:46
-
06:18
-
12:23
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 50301 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31941 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 26277 visits
- Как через css изменить цвет png изображения? 11765 visits
- Blob video url download 11310 visits
- Php curl запрос через прокси с авторизацией 10720 visits
- Работа с captcha vk api 9517 visits
© "hostciti.net" 17.3.2026 | 08:28