12 merge requests!28721Hot test,!27561Adds font-weight-medium to font weight classes,!26437merge,!22391V4 dev,!22547Finished a new translation for bootstrap,!22143Fix selectable disabled toggle radio buttons,!22598test,!25326Adjust examples,!23995Add back cursor: pointer for .btn-link,!23178Spinner,!21403v4: Flex cards,!17021v4
@@ -322,9 +322,13 @@ Add some navigation to a card's header (or block) with Bootstrap's [nav componen
</div>
{% endexample %}
## Image caps
## Images
Similar to headers and footers, cards include top and bottom image caps.
Cards include a few options for working with images. Choose from appending "image caps" at either end of a card, overlaying images with card content, or simply embedding the image in a card.
### Image caps
Similar to headers and footers, cards can include top and bottom "image caps"—images at the top or bottom of a card.
{% example html %}
<divclass="card">
...
...
@@ -345,7 +349,7 @@ Similar to headers and footers, cards include top and bottom image caps.
</div>
{% endexample %}
## Image overlays
### Image overlays
Turn an image into a card background and overlay your card's text. Depending on the image, you may or may not need `.card-inverse` (see below).