Kapsayıcılar Arası Boşluk

v5 ızgara sistemindeki içeriği duyarlı bir şekilde boşluk bırakmak ve hizalamak için kullanılan sütunlarınız arasındaki dolgudur.

Nasıl çalışır?#

Kapsayıcı içerisindeki her bir satır içerisindeki sütun sağ ve sol dış boşluklar ile ayarlanmaktadır.

v5 iki farklı yatay boşluk ile beraber gelir#

col-* Varsayılan olarak sağ ve sol dış boşluk
.no-gutters sağ ve sol dış boşlukları sıfırlama

Oluklar arası boşluklar 15px - 15px olarak ayarlanmıştır.

	<576px	Small≥576px	Medium≥768px	Large≥992px	X-Large≥1200px	XX-Large≥1400px
`.col-*`	8px - 8px	8px - 8px	15px - 15px	15px - 15px	15px - 15px	15px - 15px
`.no-gutters`	0	0	0	0	0	0

Varsayılan yatay kutular arası boşluk#

Varsayılan kutular arası boşluk ->

<- Varsayılan kutular arası boşluk

html

<div class="container">
  <div class="row">
    <div class="col-6">
      Varsayılan kutular arası boşluk
    </div>
    <div class="col-6">
      Varsayılan kutular arası boşluk
    </div>
  </div>
</div>

Kutular arası boşluk sıfırlama#

Kutular arası boşluk sıfırlama

html

<div class="container">
  <div class="row no-gutters">
    <div class="col-6">
      Kutular arası boşluk sıfırlama
    </div>
    <div class="col-6">
      Kutular arası boşluk sıfırlama
    </div>
  </div>
</div>