Butonlar
Renkli, anahatlı ve farklı boyutlarda butonlar. Aşağıda canlı örnek ve kaynak kodu listelenmiştir.
Canlı örnek
Dolgu renkler
Ek renkler
Yumuşak renkler
Anahat (outline)
Beyaz ve bağlantı
Boyutlar
Biçimler ve ekstralar
Kod
<button class="btn btn-primary">Primary</button>
<button class="btn btn-success btn-lg">Large success</button>
<button class="btn btn-outline-danger">Outline danger</button>
<button class="btn btn-warning-soft">Soft warning</button>
<button class="btn btn-purple">Purple</button>
<button class="btn btn-outline-teal">Teal outline</button>
<button class="btn btn-info btn-pill">Info pill</button>
<button class="btn btn-dark btn-xs" disabled>Extra small</button>İpucu: .btn-warning ve .btn-light koyu, geri kalan dolgu butonlar beyaz yazı kullanır; ek renkler dahil (.btn-purple, .btn-indigo, .btn-teal, .btn-orange, .btn-rose, .btn-fuchsia) tüm dolgu butonlar en az 4.5:1 kontrast oranını korur.