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
@@ -175,9 +175,72 @@ Card headers can be styled by adding `.card-header` to `<h*>` elements.
</div>
{% endexample %}
## Header nav
## Sizing
Use Bootstrap's nav pills or tabs within a card header.
Cards assume no specific `width` to start, so they'll be 100% wide unless otherwise stated. You can change this as needed with custom CSS, grid classes, grid Sass mixins, or utilities.
### Using grid markup
Using the grid, wrap cards in columns and rows as needed.
{% example html %}
<divclass="row">
<divclass="col-sm-6">
<divclass="card">
<divclass="card-block">
<h3class="card-title">Special title treatment</h3>
<pclass="card-text">With supporting text below as a natural lead-in to additional content.</p>