Bootstrap метки(label)

Boostrap метки (label)

Boostrap метки (label)

Bootstrap метки (label)- удачный способ выделить фрагмент HTML-заголовка или любого фрагмента сайта (цены, описания товара, имени сотрудника). Для добавления метки, в HTML-элемент добавляется span с классами label и label-default. Размер меток определяется размером заголовка (для h1, соответственно больше всего)

Bootstrap метки

Кроме меток часто используются «баджи» — подсвечивающиеся области в цифровым содержимым, показывающим кол-во пришедших сообщений или уведомлений (или обработанных фрагментов информации и т.д.)

Пример компонента badges в Bootstrap

Пример компонента badges в Bootstrap

Пример кода:

<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

Bootstrap метки(label): 1 комментарий

  1. Уведомление: Bootstrap список - HTML лаборатория | htmllab.ru

Добавить комментарий