Bootstrap Buton Kullanımı

Bootstrap Buton Kullanımı

Bootstrap Nedir?

Bootstrap Front-End Developerlar için geliştirilmiş açık kaynak kodlu ve ücretsiz bir CSS framework’tür. Bootstrap sayesinde masaüstü, tablet, mobil cihaz ve tüm tarayıcılara uyumlu web siteleri geliştirebiliriz. Bunun yanında bir web sitesi için gerekli olan tüm bileşenleri yapısında barındırır. (Form öğeleri, tablolar, butonlar, uyarılar, navigasyon bar, sayfalandırma, etiketler, açılan menüler vb. tasarım öğeleri.) Bu hazır bileşenleri kullanarak hem gelişmiş bir görünüm hem de her cihaza uygun bir tasarım gerçekleştirmiş oluruz.

Bootstrap Nasıl Kullanılır ?

Öncelikle aşağıda vermiş olduğum kodları sayfamıza ekliyoruz (Temel bootstrap kodları)

Kodlar;

Şuan sitemizde bootstrap dosyaları etkin.

Peki Bootstrap Buton Stilleri Neler ?

Bootstrap’da şuan 9 adet buton stili bulunmaktadır. Bunlar sırasıyla;

  1. Primary
  2. Secondary
  3. Success
  4. Danger
  5. Warning
  6. Info
  7. Light
  8. Dark
  9. Link

Peki kullanımı Nasıl ?

Class=”btn btn-BURASI BUTON STİLİ”> ancak bu kelimeler büyük olamaz. Eğer büyük olursa kodumuz çalışmayacaktır.

Bütün Buton Kodları Aşağıda Verilmiştir.

Sayfa içinde kullanırken;

Kodları ana sayfanıza ekleyip test edebilirsiniz.

Sormak istediğiniz bir soru olursa yorum bölümünden yada iletisim@aliacar.net.tr adresinden ulaştırabilirsiniz. İyi çalışmalar dilerim.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir