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>
Попробуйте сами »
Результат следующий:
Дополнительные примеры меток
| Класс | Описание | Пример |
|---|---|---|
| .label label-default | Серая метка по умолчанию | Попробуйте сами |
| .label label-primary | Синяя метка типа "primary" | Попробуйте сами |
| .label label-success | Зелёная метка типа "success" | Попробуйте сами |
| .label label-info | Светло-синяя метка типа "info" | Попробуйте сами |
| .label label-warning | Жёлтая метка типа "warning" | Попробуйте сами |
| .label label-danger | Красная метка типа "danger" | Попробуйте сами |