Bootstrap中的白色背景类

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

也许类似.bg-white，我在Bootstrap中找不到它，但也许它隐藏在某处？

来源

2014-01-31 Sharpless512

写自己动手！？ – jycr753

从我知道那里没有类。只需自己做。 –

在Bootstrap中定义的唯一颜色是'.warning'，'.success'，'.danger'等 – MackieeE

由于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

来源

2018-02-07 10:59:00 Suriteka

Bootstrap没有白色背景类。

创建自己：

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

可以放置在bootstrap.css或您自己的自定义样式表，如果你已经创建了一个。

唯一的背景有自举是：

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

来源：Bootstrap website

来源

2014-01-31 09:59:07 Albzi

请确保您至少有引导程序版本3.1.0，即添加这些类时。不适用于较早版本的引导程序 –

我还没有看到任何引导风格只为白色背景。所以适用你自己。

将一个类bg-white添加到您的html元素。然后应用background风格。

.bg-white{ 
    background:#ffffff; 
}

例

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

来源

2014-01-31 10:01:48

你将不得不自己定义这样的类。将以下内容放入您的自定义CSS文件中。

CSS：

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

在引导您有以下预先定义的背景：

引导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>

引导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>

来源

2014-03-28 07:51:06 martynas

Bootstrap中的白色背景类

回答

相关问题