719 / 5.000 .gx-* sınıfları yatay oluk genişliklerini kontrol etmek için kullanılabilir. Daha büyük oluklar kullanılıyorsa, istenmeyen taşmayı önlemek için .container veya .container-fluid> üst öğesinin de eşlemeli bir dolgu yardımcı programı kullanılarak ayarlanması gerekebilir. Örneğin, aşağıdaki örnekte dolguyu .px-4 ile artırdık:

Alternatif bir çözüm, .row etrafına .overflow-hidden sınıfıyla bir sarmalayıcı eklemektir:

.gy-* sınıfları, dikey oluk genişliklerini kontrol etmek için kullanılabilir. Yatay oluklar gibi, dikey oluklar da sayfanın sonunda .row altında biraz taşmaya neden olabilir. Bu gerçekleşirse, .row etrafına .overflow-hidden sınıfıyla bir sarmalayıcı eklersiniz:

.g-* sınıfları yatay oluk genişliklerini kontrol etmek için kullanılabilir, aşağıdaki örnek için daha küçük bir oluk genişliği kullanıyoruz, bu nedenle .overflow-hidden sarmalayıcı sınıfını eklemeye gerek kalmayacaktır.

Oluk sınıfları satır sütunlarına da eklenebilir. Aşağıdaki örnekte, duyarlı satır sütunları ve duyarlı gutter sınıflarını kullanıyoruz.

Önceden tanımlanmış grid sınıflarımızdaki sütunlar arasındaki oluklar .g-0 ile kaldırılabilir. Bu, negatif margins'ı .row'dan ve yatay padding'i tüm alt sütunlardan kaldırır.

Kenardan kenara bir tasarıma mı ihtiyacınız var? Üst öğeyi .container veya .container-fluid'i bırakın ve taşmayı önlemek için .row'a .mx-0 ekleyin.

Uygulamada, şöyle görünüyor. Bunu tüm diğer önceden tanımlanmış ızgara sınıflarıyla (sütun genişlikleri, duyarlı katmanlar, yeniden sıralamalar ve daha fazlası dahil) kullanmaya devam edebileceğinizi unutmayın.