Bootstrap Nedir ? Ne işe yarar ? | Bootstrap hakkında merak edilenler

Bootstrap css kütüphanesi nedir ?

Bootstrap web sitemizi tasarlarken görünüm,kullanışlılık ve

dinamiklik açılarından işimizi yüksek derecede kolaylaştıran

bir css kütüphanesidir.(framework)

Bootstrap ile web sitemizin telefon,bilgisayar,tablet ve aklınıza ne gelirse her boyutta ekrana uyum sağlamasını sağlarız.

Bootstrap ile yaptığınız sitelerde ekran boyutu ne olursa olsun sitenizin şeklinde bir bozulma olmaz böylece çok rahat bir şekilde mobil uyumlu web siteler yapabiliriz.

Tabi ki bunlarlada yetinmeyip web sitenizdeki bütün herşeyi örneğin tablolar,butonlar,formlar,header,footer,slider gibi çeşitli alanları bootsrap kütüphanesindeki css kodları ile şekillendirip sitenize çok zahmetsiz bir şekilde görünüm açısından büyük bir tat katabilirsiniz.

Bootstrapin temel mantığı ızgara dediğimiz 12 bölümlük satır alanları ile sitenizi inşa etmektir.

12 lik ızgara sistemi her satırı 12 bölüme ayırmamıza yarar.

Izgara sistemini divler ile oluştururuz ve bootsrap kullanmak için divimizin class'ına 
aşağıdaki classları ekleriz :

• xs (telefonlar için - 768 pikselden daha geniş ekranlar)
• sm (tabletler için - 768 piksel genişliğe eşit veya daha büyük ekranlar)
• md (küçük dizüstü bilgisayarlar için - 992 piksel genişliğe eşit veya daha büyük ekranlar)
• lg (dizüstü ve masaüstü bilgisayarlar için - 1200 piksel genişliğe eşit veya daha büyük ekranlar)

örnek verelim ;

 <div class="col-xs-3 col">col-xs-3</div>

    <div class="col-xs-3 col">col-xs-3</div>

    <div class="col-xs-3 col">col-xs-3</div>

    <div class="col-xs-3 col">col-xs-3</div>

Yukarıdaki örnekte gördüğünüz sistemde bir satırı xs yani
telefonlar için 4

bölüme ayırdık

bunun yanı sıra classımıza sm-md-lg varyasyonlarını
ekleyip bütün cihazlar

için boyutlandırabiliriz.

Böylece kolay bir şekilde bütün cihazlara uyumluluk sağlayan bir web sitesi
elde edebiliriz.

Başlarken Bootstrap'i sitenize dahil etmek için ise yapmanız gereken şey çok basit bootsrap
cdn olarak google üzerinde arama yaparak bootstrap'i <link> tagı kullanarak
sitenize dahil etmeyi öğrenebilirsiniz.

Bootstrap cdn Nedir ?

Bootstrap dosyalarını sunucunuza yüklemeden indirmeden bootstrap'in kendi sunucusundan sitenize
dahil etmeye yarar.

Bootsrap Türkçe Cdn sitesine gidip hızlı bir başlangıç için tıklayınız.

Bootsrap 4 ile müthiş web siteleri yapabilirsiniz.

Birde bootstrap kaynak kütüphanesini indirerek projenize de dahil edebilirsiniz
orası size kalmış...