Выделение текста Joomla и не только

Здесь для себя я собрал некоторый код который необходим для выделения текста в Bootstrap. Т к к моему шаблону на Joomla уже подключен стиль Bootstrap, я буду использовать для подсветки и выделения следующий код.

Зеленая
Синяя
Оранжевая
Темно-красная

Код соответствующий необходимому цвету

<div class="alert alert-success">Зеленая</div>
<div class="alert alert-info">Синяя</div>
<div class="alert alert-warning">Оранжевая</div>
<div class="alert alert-danger">Темно-красная</div>

Для того что бы поставить метку на определённом месте: По умолчанию Зеленый Оранжевый  Красный Синий Темно-серый

<span class="label">По умолчанию</span>
<span class="label label-success">Зеленый</span>
<span class="label label-warning">Оранжевый</span>
<span class="label label-important">Красный</span>
<span class="label label-info">Синий</span>
<span class="label label-inverse">Темно-серый</span>

Используется другой класс css

Так же можно использовать выделение текста с закругленными углами при необходимости, очень неплохо подходит для подсветки цифр. Здесь используется другой класс class="badge" 1 2 3 4 5 6

<span class="badge">1</span>
<span class="badge badge-success">2</span>
<span class="badge badge-warning">3</span>
<span class="badge badge-important">4</span>
<span class="badge badge-info">5</span>
<span class="badge badge-inverse">6</span>

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

Защитный код
Обновить