Skip to content
KolayCSS

Kartlar

Kartlar, başlık ve alt bilgi bölümleriyle içerikleri gruplamak için kullanılır.

Canlı örnek

Header
Example card

A card with a header, body and footer.

2 days ago
Shadow card

Uses the .shadow utility class.

New
Dark card

Uses bg-dark and text-white utilities.

Kod

<div class="card">
  <div class="card-header">Header</div>
  <div class="card-body">
    <h5 class="card-title">Title</h5>
    <p class="card-text">Some quick text</p>
  </div>
  <div class="card-footer text-muted">2 days ago</div>
</div>

İpucu: .shadow, .shadow-sm ve .shadow-lg gölgeleri ekler; .bg-dark + .text-white koyu karşılığıdır.