Bootstrap - Отзывчивая демонстрация
Bootstrap предоставляет несколько вспомогательных классов для более быстрой разработки, удобной для мобильных устройств. Их можно использовать для отображения и скрытия контента по устройствам с помощью медиа-запросов в сочетании с большими, маленькими и средними устройствами.
Используйте их экономно и избегайте создания совершенно разных версий одного и того же сайта. Responsive utilities are currently only available for block and table toggling.
Классы | Устройства |
---|---|
.visible-xs | Очень мелкий (менее 768 пикселей) видимый |
.visible-sm | Малые (до 768 пикселей) видно |
.visible-md | Средний (768 пикс 991 пикселей) видно |
.visible-lg | Изображение большего размера (992 точек и выше) видно |
.hidden-xs | Очень мелкий (менее 768 пикселей) скрыт |
.hidden-sm | Маленький (до 768 пикселей) скрыт |
.hidden-md | Средний (от 768 до 991 пикселей) скрыт |
.hidden-lg | Больше (992 пикселей и выше) скрыто |
пример | Описание | Ссылка для скачивания |
---|---|---|
Адаптивная карта | Этот пример показывает структуру карты в Bootstrap | Скачать |
простые отзывы | Этот пример показывает структуру отзывов в Bootstrap. | Скачать |
Видео сетка | Этот пример указывает на структуру Grid Video в Bootstrap | Скачать |
Изображение баннера | Этот пример показывает структуру изображения баннера в Bootstrap | Скачать |
Карусель с индикаторами лиц | Этот пример указывает на структуру карусели со структурой индикаторов лиц в Bootstrap | Скачать |