В этой главе мы обсудим значки Bootstrap. Значки похожи на ярлыки; основное отличие состоит в том, что углы более закруглены.
Значки в основном используются для выделения новых или непрочитанных предметов. Чтобы использовать значки, просто добавьте <span class = «badge»> к ссылкам, навигациям Bootstrap и многому другому.
Следующий пример демонстрирует это —
<a href = "#">Mailbox <span class = "badge">50</span></a>
Когда нет новых или непрочитанных элементов, значки просто сворачиваются с помощью CSS : пустой селектор, при условии, что внутри нет содержимого.
Активные навигационные состояния
Вы можете поместить значки в активные состояния пилюль и списка навигации. Вы можете добиться этого, поместив <span class = «badge»> на активные ссылки, как показано в следующем примере —