Card

The card (.card) is a general-purpose content container — a bordered or shadowed surface used to group related content like a stat, a media item, or a settings section. It's a flexible flexbox column composed from optional sub-elements: .card-media, .card-header (with .card-title/.card-subtitle), .card-body, and .card-footer.

Revenue

Last 30 days

$48.2k

<div class="card card-outline">
  <div class="card-header">
    <h3 class="card-title">Revenue</h3>
    <p class="card-subtitle">Last 30 days</p>
  </div>
  <div class="card-body">$48.2k</div>
</div>