Card

Contenedores de contenido.

BásicaPreview
Card title

Texto de apoyo con tokens de color.

Acción
<div class="card" style="max-width: 22rem;">
  <div class="card-body">
    <h5 class="card-title">Card title</h5>
    <p class="card-text text-secondary">Texto de apoyo con tokens de color.</p>
    <a href="#" class="btn btn-primary btn-sm">Acción</a>
  </div>
</div>
Header / footerPreview
Featured

Contenido de la card.

<div class="card" style="max-width: 24rem;">
  <div class="card-header">Featured</div>
  <div class="card-body">
    <p class="card-text mb-0">Contenido de la card.</p>
  </div>
  <div class="card-footer text-secondary small">Updated 2 min ago</div>
</div>
Design
Menú
Fundamentos
Introducción Colores Tipografía Spacing Temas
Marca vhoda
Project card CTA narrativo Hub form Uline titles Nav sticky Offcanvas glass Hero landing Footer Clients grid Splash
Bootstrap
Accordion Alerts Badge Breadcrumb Buttons Button group Card Close Collapse Dropdown Forms List group Modal Navbar Navs & tabs Offcanvas Pagination Placeholders Popovers Progress Spinners Tables Toasts Tooltips