@EVOSandru6

Как в bootstrap 3 добавить класс для блока, если активный — sm или xs?

Добрый день, мне нужно, чтобы если экран становится узким, то к блоку должен добавляться класс, которые сужает его, как это можно сделать средствами bootstrap 3?
  • Вопрос задан
  • 2410 просмотров
Решения вопроса 1
Ставите ширину блока, для определенной ширины экрана в процентах. Тогда он будет ресайзиться в соответствии с контейнером.

@media (max-width: 1000px /* Или столько, сколько вам нужно*/){
  .block{
      .width: 100%; /* Или столько, сколько вам нужно*/
   }
}


Если же дело касается картинки, то у бутстрап есть .img-responsive.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
BelkinVadim
@BelkinVadim
Frontend разработчик
Изначально добавьте классы col-xs-*, col-sm-* и т.д. И каждый из них будет применять свои свойства на заданном ему экране. Почитайте и посмотрите примеры про сетку внимательнее.

Например если хотите на самых мелких экранах класс col-xs-12, на экранах от 768px - col-sm-6, а на экранах больше col-md-4, то вам нужно добавить их все элементу сразу, а не подставлять их скриптами при изменение размера экрана - так устроена сетка.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы