"Enter"a basıp içeriğe geçin

Bootstrap Nedir,Nasıl Kullanılır?

Merhaba arkadaşlar,bir yazımda javascript kütüphanesi olan p5.js nedir bundan bahsetmiştim.Buraya tıklayarak o yazıya gidebilirsiniz.Bu yazımda ise bir css kütüphanesi olan bootstrap’ı anlatacağım.

Bootstrap açık kaynak kodludur.Css’i daha kolay,hızlı ve daha güzel bir şekilde yazmamızı sağlayan bir css kütüphanesidir.İçinde css’in hazır kodları bulunduğundan istediğiniz şablonları gayet kolay bir şekilde yapabiliyorsunuz.Ayrıca bootstrap 4 responsive web sitelerini çok kolay bir şekilde yapmanızı sağlıyor.Bootstrap ile yaptığınız tasarımlar telefon,tablet,bilgisayar her ne cihaz olursa olsun responsive uyumludur.Tipografik ögeler, tablolar, imajlar, slider, carousel, modal pencereler, butonlar, dropdown menüler, navigasyon bar, sayfalandırma, etiketler, thumbnail,uyarı ve bilgilendirme balonları gibi birçok şablonu hazır olarak bulabilirsiniz.

Örneğin şimdi sizlerle basit bir örnek yapalım.Bootstrap’ın buton kodlarından bahsedeyim.

<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-secondary">Secondary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-light">Light</button>
<button type="button" class="btn btn-dark">Dark</button>
<button type="button" class="btn btn-link">Link</button>

Bu kodları yazdığınızda yukarıdaki çıktı ile karşılaşacaksınız.Bu şekilde kodlarınızı kolaylıkla yazabilirsiniz.Bootstrap’ı kendi sitesi olan getbootstrap.com ‘dan indirebilirsiniz.Ayrıca derslerine sitesinden documentation bölümünden ulaşabilirsiniz.Bu yazım bu kadardı bir sonraki yazımda görüşmek dileğiyle iyi kodlamalar. 🙂

İlk Yorumu Siz Yapın

Bir Cevap Yazın

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