<div class="card">
<img class="card-img-top" src="/placeholder/pictures/image.svg" alt="Card image cap">
<div class="card-body"> Some more card content </div>
</div>
Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.
You don't need to remember all CSS classes. Just use the Bootstrap Editor instead.
/* _card.scss:128 */
.card-img-top {
width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
@include border-top-radius($card-inner-border-radius);
}
Code copied to the clipboard.
Copying failed
/* _card.scss:128 */
$card-inner-border-radius