Düğme (Button)

Düğme Boyutları

• dugme-l → Büyük Düğme
• dugme-m → Normal Düğme
• dugme-s → Küçük Düğme
• dugme-xs → Çok Küçük Düğme

Düğme Hazır Görünümler

Temel

• dugme-birincil → Birincil
• dugme-basari → Başarı
• dugme-uyari → Uyarı
• dugme-tehlike → Tehlike
• dugme-bilgi → Bilgi 
• dugme-ters → Ters

Eklenti: İçiboş Düğme

• dugme-icibos-birincil → Birincil
• dugme-icibos-basari → Başarı
• dugme-icibos-uyari → Uyarı
• dugme-icibos-tehlike → Tehlike
• dugme-icibos-bilgi → Bilgi 
• dugme-icibos-ters → Ters

Başlangıç

Düğmeyi klasik <a> etiketi ile oluşturalım.

<a class="dugme" href="">Düğme</a>

Ardından yukarıdan bir görünüm seçelim; dugme-birincil.

<a class="dugme dugme-birincil" href="">Düğme</a>

Şimdide boyutunu ayarlayalım;

<a class="dugme dugme-birincil dugme-m" href="">Düğme</a>