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 | Скачать |