Skip to main content

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.

 <576pxSmall≥576pxMedium≥768pxLarge≥992pxX-Large≥1200pxXX-Large≥1400px
.col-*8px - 8px8px - 8px15px - 15px15px - 15px15px - 15px15px - 15px
.no-gutters000000

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
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>