Люди — хозяева своей судьбы (Шекспир).

Bootstrap — Метки

30.05.2017
Bootstrap - Метки

В этой главе рассматриваются метки в Bootstrap. Метки предназначены для предоставления советов или других разметок страниц. Используйте класс .label для отображения метки, как показано в следующем примере:

<h1>Пример заголовка <span class = "label label-default">Метка</span></h1>
<h2>Пример заголовка <span class = "label label-default">Метка</span></h2>
<h3>Пример заголовка <span class = "label label-default">Метка</span></h3>
<h4>Пример заголовка <span class = "label label-default">Метка</span></h4>

Вы можете изменить внешний вид меток с использованием классов модификаторов, такими как, label-default, label-primary, label-success, label-info, label-warning, label-danger, как показано в следующем примере:

<span class = "label label-default">метка по умолчанию</span>
<span class = "label label-primary">Первичная метка</span>
<span class = "label label-success">Успешная метка</span>
<span class = "label label-info">Информационная метка</span>
<span class = "label label-warning">Предупреждающая метка</span>
<span class = "label label-danger">Метка опасности</span>

 

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Если статья понравилась, то поделитесь ей в социальных сетях:

Читайте также

Оставить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Загрузка...

Спасибо!

Теперь редакторы в курсе.

Прокрутить страницу до начала