White
From Bootstrap - Demo Wiki
| Color | ||
|---|---|---|
| Name | White | |
| Description | White can be used as background and as text color on top of dark backgrounds. | |
| Provider | Skin, BootstrapComponents | |
| Prefixes | bg, text |
|
| Extension Components | Alert, Badge, Button, Card, Modal, Popover | |
| Reference | getbootstrap.com - color | |
Background
- Code
<div class="p-3 text-dark bg-white" >
This is div with dark text over a white background!
</div>
- Result
This is div with dark text over a white background!
Text
- Code
<div class="p-3 text-white bg-dark" >
This is div with white text over a dark background!
</div>
- Result
This is div with white text over a dark background!
Card
- Code
<div class="card text-dark bg-white mb-3" style="max-width: 18rem;">
<div class="card-header">Header</div>
<div class="card-body">
<h5 class="card-title">Primary card title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
- Result
Header
Primary card title
Some quick example text to build on the card title and make up the bulk of the card's content.
