it-swarm.com.ru

Начальное загрузочное предупреждение CSS bg-success не работает

По какой-то причине класс bg-danger в Bootstrap 3 не отображает красный фон. Зачем?

<p class="bg-danger">There was an error updating your details.</p>
20
chuckfinley

В Bootstrap у вас есть следующие предопределенные фоны:

Bootstrap 3.1.0:

<div class="bg-primary">...</div>
<div class="bg-success">...</div>
<div class="bg-info">...</div>
<div class="bg-warning">...</div>
<div class="bg-danger">...</div>

Bootstrap 3.0.3:

<div class="alert alert-success">...</div>
<div class="alert alert-info">...</div>
<div class="alert alert-warning">...</div>
<div class="alert alert-danger">...</div>

Компоненты начальной загрузки

Просмотреть все компоненты Bootstrap здесь

65
martynas

Контекстные фоны bg-primary, bg-success, bg-info, bg-warning и bg-danger были добавлены в Bootstrap начиная с версии 3.1.0 и отсутствовали в 3.0.3 и ранее.

Однако были alerts с четырьмя контекстными классами alert-success, alert-info, alert-warning и alert-danger, которые подходят для такого рода сообщений об ошибках.

<p class="alert alert-danger">There was an error updating your details.</p>

Также см. Компонент предупреждений Bootstrap: http://getbootstrap.com/components/#alerts

16
Aleksander Bavdaz

Я просто потратил весь день, пытаясь выяснить, почему alert-error не работал, только чтобы понять, что это не ошибка-предупреждение, а предупреждение - опасность . Оставьте это здесь на случай, если кто-то еще часами мучает себя, пытаясь выяснить, что не так с их предупреждением Bootstrap 3.

0
felwithe