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>

引导程序组件

<强> View all Bootstrap components here

Answer 2

从3.1.0版本开始，自助式背景bg-primary，bg-success，bg-info，bg-warning和bg-danger被添加到Bootstrap中，并且不存在于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

Answer 3

我整整花了整整一天的时间来弄清楚alert-error为何不起作用，只是意识到这不是警报错误，而是警报-危险。如果有人为了弄清楚自己的Bootstrap 3警报出了什么问题而折磨自己好几个小时，就把它留在这里。

Bootstrap CSS bg-success警报不起作用

3 个答案: