Class = sốt mb-0 là gì trong Bootstrap 4?

Các documention mới nhất có:

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

Q: mb-0 là gì?

Bootstrap có một loạt các lớp tiện ích và phần đệm đáp ứng. Chúng hoạt động cho tất cả các điểm dừng:

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

Các lớp được sử dụng trong định dạng:

{property} {side} - {size} cho xs & {property} {side} - {breakpoint} - {size} cho sm, md, lg và xl.

m - đặt lề

p - bộ đệm

t - đặt lề trên hoặc đệm trên cùng

b - đặt lề dưới hoặc đệm đáy

tôi - đặt lề trái hoặc đệm trái

r - đặt lề phải hoặc đệm-phải

x - đặt cả đệm-trái và đệm-phải hoặc lề trái và lề phải

y - đặt cả phần đệm trên cùng và phần dưới cùng hoặc phần trên cùng và phần dưới cùng

để trống - đặt lề hoặc phần đệm ở cả 4 mặt của phần tử

0 - đặt lề hoặc phần đệm thành 0

1 - đặt lề hoặc phần đệm thành 0,25rem (4px nếu cỡ chữ là 16px)

2 - đặt lề hoặc phần đệm thành .5rem (8px nếu cỡ chữ là 16px)

3 - đặt lề hoặc phần đệm thành 1rem (16px nếu cỡ chữ là 16px)

4 - đặt lề hoặc phần đệm thành 1,5rem (24px nếu cỡ chữ là 16px)

5 - đặt lề hoặc phần đệm thành 3rem (48px nếu cỡ chữ là 16px)

tự động - đặt lề thành tự động

Xem thêm tại Bootstrap 4.5 - Giãn cách

Đọc thêm trong w3schools

Nó được sử dụng để tạo lề dưới 0 ( margin-bottom:0). Bạn có thể xem thêm các lớp tiện ích khoảng cách mới tại đây: https://getbootstrap.com/docs/4.0/utilities/spaces/

Liên quan: Làm cách nào để sử dụng Lớp tiện ích không gian trên Bootstrap 4

m - đối với các lớp đặt lề, như thế này:

• mt - cho các lớp đã đặt margin-top
• mb - cho các lớp đã đặt margin-bottom
• ml - cho các lớp đã đặt margin-left
• mr - cho các lớp đã đặt margin-right
• mx- cho các lớp đặt cả hai margin-leftvàmargin-right
• my- cho các lớp đặt cả hai margin-topvàmargin-bottom

Trong đó kích thước là một trong các lề:

• 0 - đối với các lớp loại bỏ lề bằng cách đặt nó thành 0, như mt-0
• 1 - (theo mặc định) cho các lớp đặt lề thành $ spacer * .25, như mt-1
• 2 - (theo mặc định) cho các lớp đặt lề thành $ spacer * .5, như mt-2
• 3 - (theo mặc định) cho các lớp đặt lề thành $ spacer, như mt-3
• 4 - (theo mặc định) cho các lớp đặt lề thành $ spacer * 1.5, như mt-4
• 5 - (theo mặc định) cho các lớp đặt lề thành $ spacer * 3, như mt-5
• auto - đối với các lớp đặt lề thành tự động, như mx-auto

m - đặt lề

p - bộ đệm

t - đặt lề trên hoặc đệm trên cùng

b - đặt lề dưới hoặc đệm đáy

l - đặt lề trái hoặc đệm trái

r - đặt lề phải hoặc đệm-phải

x - đặt cả đệm-trái và đệm-phải hoặc lề trái và lề phải

y - đặt cả phần đệm trên cùng và phần dưới cùng hoặc phần trên cùng và phần dưới cùng

để trống - đặt lề hoặc phần đệm ở cả 4 mặt của phần tử

0 - đặt lề hoặc phần đệm thành 0

1 - đặt lề hoặc phần đệm thành 0,25rem (4px nếu cỡ chữ là 16px)

2 - đặt lề hoặc phần đệm thành .5rem (8px nếu cỡ chữ là 16px)

3 - đặt lề hoặc phần đệm thành 1rem (16px nếu cỡ chữ là 16px)

4 - đặt lề hoặc phần đệm thành 1,5rem (24px nếu cỡ chữ là 16px)

5 - đặt lề hoặc phần đệm thành 3rem (48px nếu cỡ chữ là 16px)

tự động - đặt lề thành tự động