Задать вопрос
@EVOSandru6
css

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

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

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


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

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

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Frontend React
Glob-com
от 100 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Дописать функцию на Flutter, работа с yandex map kit
20 апр. 2024, в 04:18
3000 руб./за проект
Английская версия для сайта на WordPress
20 апр. 2024, в 03:34
8000 руб./за проект
Доработать клиентское приложение для GTA 5 на C#
20 апр. 2024, в 00:51
1000 руб./за проект
Ещё заказы