ОСНОВНОЕ

WORDPRESS

Операционные системы

Базы данных

Фреймворк Bootstrap

Жизнь — это ряд усилий. Мы видим цель, но не всегда видим дорогу (В. Шкловский).

Bootstrap – Отзывчивые утилиты

FavoriteLoadingДобавить в избранное
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...
Bootstrap - Отзывчивые утилиты
Bootstrap предоставляет некоторое количество вспомогательных классов для более быстрой мобильной отзывчивости. Они могут быть использованы для отображения и скрытия содержимого с помощью устройства с помощью средств медиа-запросов, в сочетании с большими, малыми, средними устройствами.

Используйте их экономно и не создавайте совершенно разные версии одного и того же сайта. Отзывчивые утилиты в настоящее время доступны только для переключения блоков и таблиц.

Классы Устройства
.visible-xs Очень мелкий (менее 768px) видно
.visible-sm Малые (до 768px) видно
.visible-md Средний (от 768px до 991px) видно
.visible-lg Изображение большего размера (992px и выше) видно
.hidden-xs Очень мелкий (менее 768px) скрыт
.hidden-sm Малые (до 768px) скрыт
.hidden-md Средний (от 768px до 991px) скрыт
.hidden-lg Изображение большего размера (992px и выше) скрыт

Печать Классы

В следующей таблице перечислены классы печати. Используйте их для переключения контента для печати.

Классы Распечатать
.visible-print Да, Видимый
.hidden-print Виден только браузер, не печатать.

Пример

Следующий пример демонстрирует использование перечисленных выше вспомогательных классов. Изменение размера браузера или загрузка примера на различных устройствах для проверки отзывчивых классов.

Bootstrap - Отзывчивые утилиты

Добавить комментарий

Войти с помощью: 

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Простая логическая игра "Поймай кота". Задача игры окружить кота точками так, чтобы он не смог убежать с поля. Постигла неудача - начни игру снова!

Заполните форму и наш менеджер перезвонит Вам в самое ближайшее время!

badge
Обратный звонок 1
Отправить
galka

Спасибо! Ваша заявка принята

close
galka

Спасибо! Ваша заявка принята

close