Bootstrap CSS bg-success alert не работает
По какой-то причине класс bg-danger в Bootstrap 3 не отображает красный фон. Почему?
<p class="bg-danger">There was an error updating your details.</p>
Ответы
Ответ 1
В 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
Просмотреть все компоненты Bootstrap здесь
Ответ 2
Контекстные фоны bg-primary
, bg-success
, bg-info
, bg-warning
и bg-danger
были добавлены в Bootstrap с версии 3.1.0 и не присутствовали в версиях 3.0.3 и ранее.
Однако существует alert
с четырьмя контекстуальными классами 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