부트 스트랩의 흰색 배경 클래스

Question

요소를 흰색 배경으로 만드는 클래스를 찾고 있습니다.

아마도 .bg-white와 비슷하지만 부트 스트랩에서 찾을 수는 없었지만 숨겨진 어딘가에있을 수 있습니까?

Answer 1

부트 스트랩 4부터 부트 스트랩에는 흰색, 밝은 색 및 어두운 배경 클래스가 있습니다.

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

부트 스트랩에는 흰색 배경 클래스가 없습니다.

자신을 만들기 : 당신이 하나를 만든 경우

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

이 bootstrap.css에 배치하거나 사용자 정의 스타일 시트 될 수있다. 부트 스트랩에있는이

유일한 배경은 다음과 같습니다

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

자료 : I는 흰색 배경에 대한 부트 스트랩에서 어떤 스타일을 보지 못했다 Bootstrap website

Answer 3

. 그러니 자신을 적용하십시오.

html 요소에 bg-white 클래스를 추가하십시오. 그런 다음 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>