Apa itu class = "mb-0" di Bootstrap 4?

Jawaban:

246

Bootstrap memiliki beragam kelas responsif dan padding utilitas. Mereka bekerja untuk semua breakpoints:

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

Kelas-kelas digunakan dalam format:

{properti} {sisi} - {ukuran} untuk xs & {properti} {sisi} - {breakpoint} - {ukuran} untuk sm, md, lg, dan xl.

m - set margin

p - set padding


t - mengatur margin-top atau padding-top

b - mengatur margin-bottom atau padding-bottom

l - mengatur margin-kiri atau padding-kiri

r - mengatur margin-right atau padding-right

x - mengatur kedua padding-kiri dan padding-kanan atau margin-kiri dan margin-kanan

y - mengatur padding-top dan padding-bottom atau margin-top dan margin-bottom

blank - mengatur margin atau bantalan pada keempat sisi elemen


0 - set margin atau padding ke 0

1 - set margin atau padding ke .25rem (4px jika ukuran font 16px)

2 - set margin atau padding ke .5rem (8px jika ukuran font 16px)

3 - set margin atau padding ke 1rem (16px jika ukuran font 16px)

4 - set margin atau padding ke 1.5rem (24px jika ukuran font 16px)

5 - set margin atau padding ke 3rem (48px jika ukuran font 16px)

auto - set margin ke otomatis

Lihat lebih lanjut di Bootstrap 4.5 - Spacing

Baca lebih lanjut di w3schools

Akash Preet
sumber
8
Kelas mb-0 di Bootstrap 4 setara dengan margin-bottom: 0px; Apakah itu terdengar bagus?
Akash Preet
8

m - untuk kelas yang menetapkan margin, seperti ini:

  • mt - untuk kelas yang ditetapkan margin-top
  • mb - untuk kelas yang ditetapkan margin-bottom
  • ml - untuk kelas yang ditetapkan margin-left
  • mr - untuk kelas yang ditetapkan margin-right
  • mx- untuk kelas yang mengatur keduanya margin-leftdanmargin-right
  • my- untuk kelas yang mengatur keduanya margin-topdanmargin-bottom

Di mana ukuran adalah salah satu margin:

  • 0 - untuk kelas yang menghilangkan margin dengan mengaturnya ke 0, seperti mt-0
  • 1 - (secara default) untuk kelas yang mengatur margin ke $ spacer * .25, seperti mt-1
  • 2 - (secara default) untuk kelas yang mengatur margin ke $ spacer * .5, seperti mt-2
  • 3 - (secara default) untuk kelas yang mengatur margin ke $ spacer, seperti mt-3
  • 4 - (secara default) untuk kelas yang mengatur margin ke $ spacer * 1.5, seperti mt-4
  • 5 - (secara default) untuk kelas yang mengatur margin ke $ spacer * 3, seperti mt-5
  • auto - untuk kelas yang mengatur margin ke otomatis, seperti mx-auto
STA
sumber
-1

m - set margin

p - set padding

t - mengatur margin-top atau padding-top

b - mengatur margin-bottom atau padding-bottom

l - mengatur margin-kiri atau padding-kiri

r - mengatur margin-right atau padding-right

x - mengatur kedua padding-kiri dan padding-kanan atau margin-kiri dan margin-kanan

y - mengatur padding-top dan padding-bottom atau margin-top dan margin-bottom

blank - mengatur margin atau bantalan pada keempat sisi elemen

0 - set margin atau padding ke 0

1 - set margin atau padding ke .25rem (4px jika ukuran font 16px)

2 - set margin atau padding ke .5rem (8px jika ukuran font 16px)

3 - set margin atau padding ke 1rem (16px jika ukuran font 16px)

4 - set margin atau padding ke 1.5rem (24px jika ukuran font 16px)

5 - set margin atau padding ke 3rem (48px jika ukuran font 16px)

auto - set margin ke otomatis

Nakkeeran 8797
sumber