Bootstrap 4 Alpha / Информация / Сниппеты Bootstrap | BootstrapТема

1
2
3
4
5

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

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

Для Bootstrap: 4

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress

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

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

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

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

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

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

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

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

Авторство: Посмотреть

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

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

Теги: Snippet, html, information, информация, alpha4, сниппет, Bootstrap

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

Добавлено: 2016-12-02 в 00:21

Метка: 1480941929

⇄ ⇅

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/css/bootstrap.min.css" />
<div class="container">
<div class="row">
<div class="col-xs-12">
<h1 class="text-xs-center">Рекомендации разработчикам</h1>
<blockquote class="blockquote">
 <p class="mb-0">
В формировании плагина Alpha 4 версии Bootstrap не существует последовательности. Обновление до "последней версии" не рекомендуется в виду изменения состава селекторов в зависимости от версий.
 </p>
</blockquote>
</div>
<div class="col-xs-12">
<h2 class="text-xs-center">Отсутствие дефиса ( - )</h1>
<div class="col-sm-6">
<h3 class="text-xs-center">Alpha 2, 3, 4</h3>
<pre><code>
.m-x-auto {
 margin-right: auto !important;
 margin-left: auto !important;
}
.m-a-0 {
 margin: 0 0 !important;
}
.m-t-0 {
 margin-top: 0 !important;
}
.m-r-0 {
 margin-right: 0 !important;
}
.m-b-0 {
 margin-bottom: 0 !important;
}
.m-l-0 {
 margin-left: 0 !important;
}
.m-x-0 {
 margin-right: 0 !important;
 margin-left: 0 !important;
}
.m-y-0 {
 margin-top: 0 !important;
 margin-bottom: 0 !important;
}
.m-a-1 {
 margin: 1rem 1rem !important;
}
.m-t-1 {
 margin-top: 1rem !important;
}
.m-r-1 {
 margin-right: 1rem !important;
}
.m-b-1 {
 margin-bottom: 1rem !important;
}
.m-l-1 {
 margin-left: 1rem !important;
}
.m-x-1 {
 margin-right: 1rem !important;
 margin-left: 1rem !important;
}
.m-y-1 {
 margin-top: 1rem !important;
 margin-bottom: 1rem !important;
}
.m-a-2 {
 margin: 1.5rem 1.5rem !important;
}
.m-t-2 {
 margin-top: 1.5rem !important;
}
.m-r-2 {
 margin-right: 1.5rem !important;
}
.m-b-2 {
 margin-bottom: 1.5rem !important;
}
.m-l-2 {
 margin-left: 1.5rem !important;
}
.m-x-2 {
 margin-right: 1.5rem !important;
 margin-left: 1.5rem !important;
}
.m-y-2 {
 margin-top: 1.5rem !important;
 margin-bottom: 1.5rem !important;
}
.m-a-3 {
 margin: 3rem 3rem !important;
}
.m-t-3 {
 margin-top: 3rem !important;
}
.m-r-3 {
 margin-right: 3rem !important;
}
.m-b-3 {
 margin-bottom: 3rem !important;
}
.m-l-3 {
 margin-left: 3rem !important;
}
.m-x-3 {
 margin-right: 3rem !important;
 margin-left: 3rem !important;
}
.m-y-3 {
 margin-top: 3rem !important;
 margin-bottom: 3rem !important;
}
.p-a-0 {
 padding: 0 0 !important;
}
.p-t-0 {
 padding-top: 0 !important;
}
.p-r-0 {
 padding-right: 0 !important;
}
.p-b-0 {
 padding-bottom: 0 !important;
}
.p-l-0 {
 padding-left: 0 !important;
}
.p-x-0 {
 padding-right: 0 !important;
 padding-left: 0 !important;
}
.p-y-0 {
 padding-top: 0 !important;
 padding-bottom: 0 !important;
}
.p-a-1 {
 padding: 1rem 1rem !important;
}
.p-t-1 {
 padding-top: 1rem !important;
}
.p-r-1 {
 padding-right: 1rem !important;
}
.p-b-1 {
 padding-bottom: 1rem !important;
}
.p-l-1 {
 padding-left: 1rem !important;
}
.p-x-1 {
 padding-right: 1rem !important;
 padding-left: 1rem !important;
}
.p-y-1 {
 padding-top: 1rem !important;
 padding-bottom: 1rem !important;
}
.p-a-2 {
 padding: 1.5rem 1.5rem !important;
}
.p-t-2 {
 padding-top: 1.5rem !important;
}
.p-r-2 {
 padding-right: 1.5rem !important;
}
.p-b-2 {
 padding-bottom: 1.5rem !important;
}
.p-l-2 {
 padding-left: 1.5rem !important;
}
.p-x-2 {
 padding-right: 1.5rem !important;
 padding-left: 1.5rem !important;
}
.p-y-2 {
 padding-top: 1.5rem !important;
 padding-bottom: 1.5rem !important;
}
.p-a-3 {
 padding: 3rem 3rem !important;
}
.p-t-3 {
 padding-top: 3rem !important;
}
.p-r-3 {
 padding-right: 3rem !important;
}
.p-b-3 {
 padding-bottom: 3rem !important;
}
.p-l-3 {
 padding-left: 3rem !important;
}
.p-x-3 {
 padding-right: 3rem !important;
 padding-left: 3rem !important;
}
.p-y-3 {
 padding-top: 3rem !important;
 padding-bottom: 3rem !important;
}
</code></pre>
</div>
<div class="col-sm-6">
<h3 class="text-xs-center">Alpha 5</h3>
<pre><code>
.mx-auto {
 margin-right: auto !important;
 margin-left: auto !important;
}
.m-0 {
 margin: 0 0 !important;
}
.mt-0 {
 margin-top: 0 !important;
}
.mr-0 {
 margin-right: 0 !important;
}
.mb-0 {
 margin-bottom: 0 !important;
}
.ml-0 {
 margin-left: 0 !important;
}
.mx-0 {
 margin-right: 0 !important;
 margin-left: 0 !important;
}
.my-0 {
 margin-top: 0 !important;
 margin-bottom: 0 !important;
}
.m-1 {
 margin: 1rem 1rem !important;
}
.mt-1 {
 margin-top: 1rem !important;
}
.mr-1 {
 margin-right: 1rem !important;
}
.mb-1 {
 margin-bottom: 1rem !important;
}
.ml-1 {
 margin-left: 1rem !important;
}
.mx-1 {
 margin-right: 1rem !important;
 margin-left: 1rem !important;
}
.my-1 {
 margin-top: 1rem !important;
 margin-bottom: 1rem !important;
}
.m-2 {
 margin: 1.5rem 1.5rem !important;
}
.mt-2 {
 margin-top: 1.5rem !important;
}
.mr-2 {
 margin-right: 1.5rem !important;
}
.mb-2 {
 margin-bottom: 1.5rem !important;
}
.ml-2 {
 margin-left: 1.5rem !important;
}
.mx-2 {
 margin-right: 1.5rem !important;
 margin-left: 1.5rem !important;
}
.my-2 {
 margin-top: 1.5rem !important;
 margin-bottom: 1.5rem !important;
}
.m-3 {
 margin: 3rem 3rem !important;
}
.mt-3 {
 margin-top: 3rem !important;
}
.mr-3 {
 margin-right: 3rem !important;
}
.mb-3 {
 margin-bottom: 3rem !important;
}
.ml-3 {
 margin-left: 3rem !important;
}
.mx-3 {
 margin-right: 3rem !important;
 margin-left: 3rem !important;
}
.my-3 {
 margin-top: 3rem !important;
 margin-bottom: 3rem !important;
}
.p-0 {
 padding: 0 0 !important;
}
.pt-0 {
 padding-top: 0 !important;
}
.pr-0 {
 padding-right: 0 !important;
}
.pb-0 {
 padding-bottom: 0 !important;
}
.pl-0 {
 padding-left: 0 !important;
}
.px-0 {
 padding-right: 0 !important;
 padding-left: 0 !important;
}
.py-0 {
 padding-top: 0 !important;
 padding-bottom: 0 !important;
}
.p-1 {
 padding: 1rem 1rem !important;
}
.pt-1 {
 padding-top: 1rem !important;
}
.pr-1 {
 padding-right: 1rem !important;
}
.pb-1 {
 padding-bottom: 1rem !important;
}
.pl-1 {
 padding-left: 1rem !important;
}
.px-1 {
 padding-right: 1rem !important;
 padding-left: 1rem !important;
}
.py-1 {
 padding-top: 1rem !important;
 padding-bottom: 1rem !important;
}
.p-2 {
 padding: 1.5rem 1.5rem !important;
}
.pt-2 {
 padding-top: 1.5rem !important;
}
.pr-2 {
 padding-right: 1.5rem !important;
}
.pb-2 {
 padding-bottom: 1.5rem !important;
}
.pl-2 {
 padding-left: 1.5rem !important;
}
.px-2 {
 padding-right: 1.5rem !important;
 padding-left: 1.5rem !important;
}
.py-2 {
 padding-top: 1.5rem !important;
 padding-bottom: 1.5rem !important;
}
.p-3 {
 padding: 3rem 3rem !important;
}
.pt-3 {
 padding-top: 3rem !important;
}
.pr-3 {
 padding-right: 3rem !important;
}
.pb-3 {
 padding-bottom: 3rem !important;
}
.pl-3 {
 padding-left: 3rem !important;
}
.px-3 {
 padding-right: 3rem !important;
 padding-left: 3rem !important;
}
.py-3 {
 padding-top: 3rem !important;
 padding-bottom: 3rem !important;
}
</code></pre>
</div>
</div>
</div>
</div>