is now part of Shuffle™.
You can use the editor on this domain, but we encourage you to try Shuffle →.
Shuffle™ includes templates for Bootstrap, Bulma, Material-UI, and Tailwind CSS.
is now part of Shuffle™.
You can use the editor on this domain, but we encourage you to try Shuffle →.
Shuffle™ includes templates for Bootstrap, Bulma, Material-UI, and Tailwind CSS.
<div class="card">
<div class="card-body">
<p class="card-text">Some more card content</p>
</div>
<div class="card-footer">
2 days ago
</div>
</div>Some more card content
You don't need to remember all these classes. Just use a bootstrap builder instead.
/* _card.scss:85 */
.card-footer {
padding: $card-spacer-y $card-spacer-x;
background-color: $card-cap-bg;
border-top: $card-border-width solid $card-border-color;
&:last-child {
@include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);
}
}
/* _card.scss:205 */
.card-footer {
border-bottom-right-radius: 0;
}
/* _card.scss:218 */
.card-footer {
border-bottom-left-radius: 0;
}
/* _card.scss:231 */
.card-footer {
@include border-bottom-radius($card-border-radius);
}
/* _card.scss:242 */
.card-footer {
@include border-radius(0);
}Code copied to the clipboard.
Copying failed
/* _card.scss:85 */
$card-spacer-y
$card-spacer-x
$card-cap-bg
$card-border-width
$card-border-color
$card-inner-border-radius
$card-inner-border-radius
/* _card.scss:205 */
/* _card.scss:218 */
/* _card.scss:231 */
$card-border-radius
/* _card.scss:242 */
Want to be the first to try?
Thanks! We'll be in touch.
Featured by
