Bootstrap中的白色背景類

Question

我正在尋找一個使元素成爲白色背景的類。

也許類似.bg-white，我在Bootstrap中找不到它，但也許它隱藏在某處？

Answer 1

由於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 2

Bootstrap沒有白色背景類。

創建自己：

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

可以放置在bootstrap.css或您自己的自定義樣式表，如果你已經創建了一個。

唯一的背景有自舉是：

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

來源：Bootstrap website

Answer 3

我還沒有看到任何引導風格只爲白色背景。所以適用你自己。

將一個類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; 
} 

在引導您有以下預先定義的背景：

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