Использование @media Bootstrap / Информация / Сниппеты Bootstrap

Каталог: Сниппеты Bootstrap

Категория: Информация

Для Bootstrap: 3, 4

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop

Язык: Русский

Уникальный ID: 2531

Количество символов:

Посмотрели: 2152 раз

Помощь: установка & настройка

Прокомментировали: 0 раз

Рейтинг: 5.0 / 5 - 4 голосов

Тип лицензии: CC BY 4.0

Авторство: https://goo.gl/sp9whW

Информация: Пользователям

Информация: Правообладателям

Теги: media queries, Snippet, @media, information, media queries bootstrap, информация, Bootstrap

Поделился: BootstrapТема

Добавлено: 2017-12-08 в 15:28

Метка: 1512737112

⇄ ⇅

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<h1 class="text-center mt-3">CSS3 Media Queries Bootstrap</h1>

<h2>Bootstrap 3 <small class="text-muted">3.3.7</small></h2>
<pre><code>
@media(max-width:767px){/* до указанного разрешения */}
@media(min-width:768px){/* после указанного разрешения */}
@media(min-width:992px){/* после указанного разрешения */}
@media(min-width:1200px){/* после указанного разрешения */}
</code></pre>

<h2>Bootstrap 4 <small class="text-muted">4.0.0 Beta 2</small></h2>
<samp class="text-info">/* До 575px значения наследуются из bootstrap.css */</samp>
<pre><code>
@media(min-width:576px){/* после указанного разрешения */}
@media(min-width:768px){/* после указанного разрешения */}
@media(min-width:992px){/* после указанного разрешения */}
@media(min-width:1200px){/* после указанного разрешения */}
</code></pre>

</div>
</div>

BootstrapTema

Использование @media Bootstrap

Скриншот

Подробнее

Похожие материалы

Просмотренные материалы

Всего комментариев: 0