
Bootstrap метки (label)- удачный способ выделить фрагмент HTML-заголовка или любого фрагмента сайта (цены, описания товара, имени сотрудника). Для добавления метки, в HTML-элемент добавляется span с классами label
и label-default
. Размер меток определяется размером заголовка (для h1, соответственно больше всего)
Bootstrap метки
https://youtu.be/E9vPDsmPO0o
Кроме меток часто используются «баджи» — подсвечивающиеся области в цифровым содержимым, показывающим кол-во пришедших сообщений или уведомлений (или обработанных фрагментов информации и т.д.)

Пример кода:
<a href="#">Inbox <span class="badge">42</span></a>
<button class="btn btn-primary" type="button">
Messages <span class="badge">4</span>
</button>
Т.е. основной рабочий класс компонента — badge, а HTML-элемент с числовым значением — span
[…] этой группы). Вместе с списком могут быть использованы баджи, для указания пришедшей почты или совершении […]