Sandbox: Difference between revisions
From Eco - English Wiki
| [checked revision] | [checked revision] |
No edit summary |
No edit summary |
||
| Line 13: | Line 13: | ||
<div class="col-sm"> | <div class="col-sm"> | ||
<div class="card bg-dark"> | <div class="card text-white bg-dark"> | ||
<div class="card-header">Featured</div> | <div class="card-header">Featured</div> | ||
<div class="card-body"> | <div class="card-body"> | ||
<h5 class="card-title">Card title</h5> | <h5 class="card-title text-white">Card title</h5> | ||
<h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6> | <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6> | ||
<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> | <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> | ||
Revision as of 16:23, 7 September 2025
Card title
Some quick example text to build on the card title and make up the bulk of the card's content.
<a href="#" class="btn btn-primary">Go somewhere</a>
Featured
Card title
Card subtitle
Some quick example text to build on the card title and make up the bulk of the card's content.
<a href="#" class="card-link">Card link</a> <a href="#" class="card-link">Another link</a>
Change the background
Swap the background-color utility and add a `.text-*` color utility to mix up the jumbotron look. Then, mix and match with additional component themes and more.
Add borders
Or, keep it light and add a border for some added definition to the boundaries of your content. Be sure to look under the hood at the source HTML here as we've adjusted the alignment and sizing of both column's content for equal-height.
НЕТ
НЕТ
ДА
English -----
