Bootstrap Izgara

Bootstrap ızgara sistemi grid sistemi olarak ta geçmektedir. Bootstrap ızgara sistemi sayfayı bölümlendirmek için kullanılmaktadır. Bootstrap ızgara sisteminde en fazla 12 sütuna izin vermektedir. 

Bootstrap ile sayfayı tamamen kaplayacak bir alan eklemek istediğiniz zaman 12 olarak belirlemeniz gerekmektedir. İki parçaya ayırmak istediğiniz zaman ise 1 ile 12 arasında bulunan değerlerden toplamı 12 olacak şekilde belirlenmesi gerekmektedir.

Bootstrap Izgara(Grid) Sınıfları

Bootstrap'ta 5 farklı ızgara sınıfı bulunmaktadır. Bunlar: 

  • .col- : Çok küçük boyutlu cihazlar ( Ekran genişliği 576 pikselden küçük cihazlar için kullanılır)
  • .col-sm- : Küçük boyutlu cihazlar ( Ekran genişliği 576 piksele eşit veya büyük cihazlar için kullanılır.)
  • .col-md- : Orta boyutlu cihazlar ( Ekran genişliği 768 piksele eşit veya büyük cihazlar için kullanılır.)
  • .col-lg- : Büyük boyutlu cihazlar ( Ekran genişliği 992 piksele eşit veya büyük cihazlar için kullanılır.)
  • .col-xl- : Çok büyük boyutlu cihazlar ( Ekran genişliği 1200 piksele eşit veya büyük cihazlar için kullanılır.)

Kullanımı:

<div class="col-12">

</div>