
В этой заметке под 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»>×</span></button>
Стрелка дья выпадающего меню <span class=»caret»></span>
Классы обтекания
Классы .pull-left и .pull-right быстро создать плавающие элементы (float), но они не используются для выравнивания навигационных наборов. Для центрирования блочного элемента используется .center-block. ) Класс .clearfix — чистит последствия работы свойства float.
Спасибо, пригодилось ! 🙂
Отлично, значит работа проделана не зря )
[…] Отформатируйте полученный выбранный массив в виде HTML-таблицы или при помощи блочной верстки. Примечание: можно воспользоваться классами Bootstrap. […]