8/11/2018

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

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 nedir ne işe yarar,bootstrap nedir istatistik,bootstrap nedir pdf,bootstrap nedir vikipedi,bootstrap nedir nasıl kullanılır 2 tasarım hd,bootstrap nedir ekşi,bootstrap nedir spss

bootstrap

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.

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.

Bootsrap Cdn sitesine gidip hızlı bir başlangıç için tıklayınız.
Bootsrap ile müthiş web siteleri yapabilirsiniz.
Birde bootstrap kaynak kütüphanesini indirerek projenizede dahil edebilirsiniz
orası size kalmış...

bootstrap nedir ne işe yarar,bootstrap nedir istatistik,bootstrap nedir pdf,bootstrap nedir vikipedi,bootstrap nedir nasıl kullanılır 2 tasarım hd,bootstrap nedir ekşi,bootstrap nedir spss
author

Umut Köse