@@ -603,12 +603,12 @@ Just like with card groups, card footers in decks will automatically line up.
### Grid cards
Use the Bootstrap grid system and its [`.rol-cols` classes]() to control how many grid columns (wrapped around your cards) you show per row.
Use the Bootstrap grid system and its [`.row-cols` classes]({{<docsref"/layout/grid#row-columns">}}) to control how many grid columns (wrapped around your cards) you show per row. For example, here's `.row-cols-md-2` splitting four cards to equal width across multiple rows, from the medium breakpoint up.
<pclass="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
</div>
</div>
</div>
</div>
{{</example>}}
When you need equal height, add `.h-100` to the cards.
<pclass="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
