Bootstrap классы

В этой заметке под Bootstrap классами будет понимать и рассматривать вспомогательные классы фреймворка, которые помогают окрашивать текст и фон HTML-элементов, выравнивать элементы, прятать и отображать HTML-элементы в том числе с учетом мобильной верстки; чистить обтекания (последствия работы свойства float). Подробней о этих CSS-классах можно прочитать на странице фреймворка или в видео этой заметки.

Bootstrap классы

Контекстные цвета текста

<p class=»text-muted»>…</p> приглушенный
<p class=»text-primary»>…</p> основной
<p class=»text-success»>…</p> подтверждающиц
<p class=»text-info»>…</p> информационный
<p class=»text-warning»>…</p> уведомляющий
<p class=»text-danger»>…</p> предостерегающий

Если классы не применяются из-за конфликтов с другими классами, просто оберните текст в span с этим же классом.

Контекстные цвета фона

<p class=»bg-primary»>…</p>
<p class=»bg-success»>…</p>
<p class=»bg-info»>…</p>
<p class=»bg-warning»>…</p>
<p class=»bg-danger»>…</p>

Результат работы:

Классы кнопок закрытия

Кнопка закрытия, похожая на те кнопки, что бывают в диалоговых и обычных окнах
<button type=»button» class=»close» aria-label=»Close»><span aria-hidden=»true»>&times;</span></button>
Стрелка дья выпадающего меню <span class=»caret»></span>

Классы обтекания

Классы .pull-left и .pull-right быстро создать плавающие элементы (float), но они не используются для выравнивания навигационных наборов. Для центрирования блочного элемента используется .center-block. ) Класс .clearfix — чистит последствия работы свойства float.