Поиск по сайту:
Нет человека праведного на земле, который делал бы добро и не грешил бы (Соломон).

Bootstrap – Метки

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...
30.05.2017
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>

 

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Если статья понравилась, то поделитесь ей в социальных сетях:

Читайте также

0 0 голоса
Рейтинг статьи
Подписаться
Уведомить о
guest

**ссылки nofollow

2 комментариев
Старые
Новые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии
Виталий Бриль

Какой-то бред… У меня не работает и всё запутанно рассказано.
Интересней было бы привести пример в стиле ООП

Сергей Брин

Нормально всё расписано.
В моей компании многие используют эту статью.

Спасибо!

Теперь редакторы в курсе.