Как изменить размер шрифта в зависимости от размера экрана?

Question

[evomed]

В Тайлвинд я могу указать sm:text-lg, а здесь есть такие аналоги? Хочется и размер кнопок менять и размер текста в зависимости от экрана. Чтобы на телефоне больше были.

Comments

[Евгений Залецкий]

Через media, где прописано разрешение экрана и твои настройки(шрифт и так далее)

[evomed]

Евгений Залецкий, интересует есть ли такое в Bootstrap

[Евгений Залецкий]

evomed, вот документация

Answer 1

[Сергей delphinpro]

Если используете sass, то миксином

.text {
  font-size: 12px;
  @include media-breakpoint-up(md) {
    font-size: 20px;
  }
}

Либо в css обычным медиазапросом

.text {
  font-size: 12px;
}
@media (min-width: 767px) {
  font-size: 20px;
}

Либо, безотносительно бутстрапа, на основе экранных единиц изменения

.text {
  font-size: clamp(12px, 3vw, 30px);
}

Comments

[evomed]

Думал можно просто, как в Тайлвинд