Bootstrap 4'te class = "mb-0" nedir?


Yanıtlar:


249

Bootstrap çok çeşitli duyarlı marj ve padding yardımcı sınıflarına sahiptir. Tüm kesme noktaları için çalışırlar:

xs (<= 576px), sm (> = 576px), md (> = 768px), lg (> = 992px) veya xl (> = 1200px))

Sınıflar şu formatta kullanılır:

{property} {side} - xs ve {property} {taraflar} için {size} - {breakpoint} - sm, md, lg ve xl için {size} .

m - marjı belirler

p - dolguyu ayarlar


t - margin-top veya padding-top ayarlar

b - margin-bottom veya padding-bottom ayarlar

l - sol kenar boşluğunu veya sol dolguyu ayarlar

r - sağ kenar boşluğunu veya sağ dolguyu ayarlar

x - hem sol hem de sağ veya sol kenar boşluğu ve sağ kenar boşluğunu ayarlar

y - hem padding-top hem de padding-bottom veya margin-top ve margin-alt'ı ayarlar

boş - öğenin 4 tarafının tamamında bir kenar boşluğu veya dolgu belirler


0 - kenar boşluğunu veya dolguyu 0 olarak ayarlar

1 - kenar boşluğunu veya dolguyu .25rem olarak ayarlar (yazı tipi boyutu 16 piksel ise 4 piksel)

2 - kenar boşluğunu veya dolguyu .5rem olarak ayarlar (yazı tipi boyutu 16 piksel ise 8 piksel)

3 - kenar boşluğunu veya dolguyu 1rem'e ayarlar (yazı tipi boyutu 16 piksel ise 16 piksel)

4 - kenar boşluğunu veya dolguyu 1.5rem olarak ayarlar (yazı tipi boyutu 16 piksel ise 24 piksel)

5 - kenar boşluğunu veya dolguyu 3rem olarak ayarlar (yazı tipi boyutu 16 piksel ise 48 piksel)

otomatik - kenar boşluğunu otomatik olarak ayarlar

Bootstrap 4.5'te daha fazlasını görün - Aralık

W3schools'da daha fazlasını okuyun


8
Bootstrap 4'teki mb-0 sınıfı, margin-bottom: 0px; Kulağa hoş geliyor mu?
Akash Preet

51

0 ( margin-bottom:0) değerinde bir alt kenar boşluğu oluşturmak için kullanılır . Yeni boşluk bırakma yardımcı programı sınıflarından daha fazlasını burada görebilirsiniz: https://getbootstrap.com/docs/4.0/utilities/spacing/

İlgili: Bootstrap 4'te Spacing Utility Sınıflarını nasıl kullanırım?


4
Orijinal dokümanlara bağlantı sağladığınız için teşekkür ederiz. W3schools gibi 3. bir tarafa geçmek yerine doğrudan kaynaktan okumayı tercih ederim!
pbarranis

10

m - aşağıdaki gibi marjı belirleyen sınıflar için:

  • mt - ayarlanan sınıflar için margin-top
  • mb - ayarlanan sınıflar için margin-bottom
  • ml - ayarlanan sınıflar için margin-left
  • mr - ayarlanan sınıflar için margin-right
  • mx- sınıflar için ayarlanmış olduğunu hem margin-leftvemargin-right
  • my- sınıflar için ayarlanmış olduğunu hem margin-topvemargin-bottom

Boyut, marjdan biri olduğunda:

  • 0 - 0 olarak ayarlayarak marjı ortadan kaldıran sınıflar için, örneğin mt-0
  • 1 - (varsayılan olarak) marjı $ boşluk bırakıcı * .25 olarak ayarlayan sınıflar için, örneğin mt-1
  • 2 - (varsayılan olarak) marjı $ spacer * .5 olarak ayarlayan sınıflar için, örneğin mt-2
  • 3 - (varsayılan olarak) marjı $ spacer olarak ayarlayan sınıflar için, örneğin mt-3
  • 4 - (varsayılan olarak) marjı $ spacer * 1.5 olarak ayarlayan sınıflar için, örneğin mt-4
  • 5 - (varsayılan olarak) marjı $ boşluk bırakıcı * 3 olarak ayarlayan sınıflar için, örneğin mt-5
  • auto - marjı otomatik olarak ayarlayan sınıflar için, örneğin mx-auto

-1

m - marjı belirler

p - dolguyu ayarlar

t - margin-top veya padding-top ayarlar

b - kenar boşluğu altını veya alt dolguyu ayarlar

l - sol kenar boşluğunu veya sol dolguyu ayarlar

r - sağ kenar boşluğunu veya sağ dolguyu ayarlar

x - hem sol hem de sağ veya sol kenar boşluğu ve sağ kenar boşluğunu ayarlar

y - hem padding-top hem de padding-bottom veya margin-top ve margin-alt'ı ayarlar

boş - öğenin 4 tarafının tamamında bir kenar boşluğu veya dolgu belirler

0 - kenar boşluğunu veya dolguyu 0 olarak ayarlar

1 - kenar boşluğunu veya dolguyu .25rem olarak ayarlar (yazı tipi boyutu 16 piksel ise 4 piksel)

2 - kenar boşluğunu veya dolguyu .5rem olarak ayarlar (yazı tipi boyutu 16 piksel ise 8 piksel)

3 - kenar boşluğunu veya dolguyu 1rem olarak ayarlar (yazı tipi boyutu 16 piksel ise 16 piksel)

4 - kenar boşluğunu veya dolguyu 1.5rem olarak ayarlar (yazı tipi boyutu 16 piksel ise 24 piksel)

5 - kenar boşluğunu veya dolguyu 3rem olarak ayarlar (yazı tipi boyutu 16 piksel ise 48 piksel)

otomatik - kenar boşluğunu otomatik olarak ayarlar

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.