ОСНОВНОЕ

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