Bootstrap CSS bg-success警报不起作用

Question

由于某种原因,Bootstrap 3中的bg-danger类不显示红色背景.为什么？

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

Answer 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组件

Answer 2

上下文背景bg-primary,bg-success,bg-info,bg-warning并bg-danger添加自举为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