Bootstrap метки(label)

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


Об авторе

@altarasov administrator

Пока лишь 1 комментарий

Bootstrap список — HTML лаборатория | htmllab.ruДата:11:05 дп - Мар 22, 2016

[…] этой группы). Вместе с списком могут быть использованы баджи, для указания пришедшей почты или совершении […]

Вы должны быть авторизованы, чтобы оставить комментарий.