0

Я знакомлюсь с бутсрапом 5 , и вот научился как-то применять классы на разрешения под разные дисплеи, типа классами sm-md-lg... и т.д.

Вроде по-тихоньку получается, только вот у меня почему-то не меняются размеры шрифтов под размеры экранов и кнопки, я искал в библиотеке Bootstrap 5 , но не нашел таких классов или решении. Если посмотрите на navbar сверху, то после 760px ширины экрана, то правая кнопка корзины уходит, как быть, чтобы все размеры уменьшались ровно? Например, как lamoda, если уменьшите их сайт до малых размеров, сайт равномерно уменьшается, вот такой эффект хотел бы получить.

Такая же проблема с картинками, при уменьшении размера экрана, почему-то первый столбец таблицы чуть больше, чем остальные две, почему так получается? Как можно установить на картинки ,с немного отличающимися размерами, одинаковые свойства, которые будут меняться в соответствии с размерами экранов? Спасибо заранее!

2
  • Бутстрап намеренно не включает в себя утилити-классы для изменения размеров шрифтов, и в его документации это объясняется (насколько я помню).
    – yar85
    19 июл 2021 в 21:01
  • @yar85 Здорова, да я заметил, теперь сижу и меняю размеры) 20 июл 2021 в 12:26

1 ответ 1

0

Делается это например вот так

div {
  font-size: 10vw;
}
<div>СУПЕР ТЕКСТ<div>

Или вот так

div {
  font-size: 25px;
}

@media only screen and (max-width: 500px) {

   div { 
  font-size: 15px; 
   }

}
<div>СУПЕР ТЕКСТ<div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.