Bootstrap 4 Grid Yapısı

yazilimplatosu.com_teknoloji_haberleri

Bootstrap ın kullanıcılara sunduğu hazır sınıflar ile web sitenin ön yüzünü tasarladığınız şekilde öğeleri yerleştirmemize imkan sağlamaktadır.

Hazır Sınıflar ;

  • .col- (extra small devices - screen width less than 576px)
  • .col-sm- (small devices - screen width equal to or greater than 576px)
  • .col-md- (medium devices - screen width equal to or greater than 768px)
  • .col-lg- (large devices - screen width equal to or greater than 992px)
  • .col-xl- (xlarge devices - screen width equal to or greater than 1200px)

Örnek Kod Yapısı ;

<div class="row">
  <div class="col-sm-3">.col-sm-3</div>
  <div class="col-sm-3">.col-sm-3</div>
  <div class="col-sm-3">.col-sm-3</div>
  <div class="col-sm-3">.col-sm-3</div>
</div>

16-09-2019