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

The dokumentasi terbaru memiliki:

<p class="mb-0">Lorem ipsum</p>

T: Apa itu mb-0?

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

Ini digunakan untuk membuat margin bawah 0 ( margin-bottom:0). Anda dapat melihat lebih banyak dari kelas utilitas spasi baru di sini: https://getbootstrap.com/docs/4.0/utilities/spacing/

Terkait: Bagaimana cara menggunakan Kelas Spacing Utility pada Bootstrap 4

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

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