Question

我正在寻找一个使元素成为白色背景的类。

也许类似于.bg-white，我在Bootstrap中找不到它但可能隐藏在某个地方？

Answer 1

Bootstrap没有白色背景类。

创建自己的：

.white-bg{
    background:#ffffff !important;
}

如果您创建了自定义样式表，可将其放在bootstrap.css或您自己的自定义样式表中。

引导程序中唯一的背景是：

.bg-primary
.bg-success
.bg-info
.bg-warning
.bg-danger

来源：Bootstrap website

Answer 2

自Bootstrap 4以来，Bootstrap确实有白色，浅色和深色背景类。

<强> HTML：

<div class="bg-light text-dark">Light background</div>
<div class="bg-dark text-white">Dark background</div>
<div class="bg-white text-dark">White background</div>

来源：Background Color - Bootstrap Docs

Answer 3

我没有在bootstrap中看到任何样式仅用于白色背景。请自己动手。

将类bg-white添加到您的html元素中。然后应用background样式。

.bg-white{
    background:#ffffff;
}

实施例

<div class="bg-white">      
  <!-- div contents go here -->
</div>

Answer 4

你必须自己定义这样的课程。将以下内容放入自定义CSS文件中。

<强> CSS：

.bg-white {
    background-color: #ffffff !important;
}

在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的白色背景课

4 个答案: