Смертного рок у тебя, а желанье твое не для смертных (Овидий).

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.

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

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

2 комментариев

Виталий Бриль 14.06.2019 в 20:13

Какой-то бред… У меня не работает и всё запутанно рассказано.
Интересней было бы привести пример в стиле ООП

Сергей Брин 11.08.2024 в 22:25

Нормально всё расписано.
В моей компании многие используют эту статью.

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

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

Загрузка...

Спасибо!

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

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