Co to jest class = „mb-0” w Bootstrap 4?

Najnowszy dokumentację, posiada:

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

P: Co to jest mb-0?

Bootstrap oferuje szeroką gamę klas responsywnych marginesów i dopełnień. Działają dla wszystkich punktów przerwania:

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

Klasy są używane w formacie:

{właściwość} {stron} - {rozmiar} dla xs i {właściwość} {stron} - {punkt przerwania} - {rozmiar} dla sm, md, lg i xl.

m - ustawia margines

p - ustawia wypełnienie

t - ustawia margin-top lub padding-top

b - ustawia margin-bottom lub padding-bottom

l - ustawia margin-left lub padding-left

r - ustawia margin-right lub padding-right

x - ustawia zarówno padding-left, jak i padding-right lub margin-left i margin-right

y - ustawia zarówno padding-top, jak i padding-bottom lub margin-top i margin-bottom

blank - ustawia margines lub dopełnienie ze wszystkich 4 stron elementu

0 - ustawia margines lub dopełnienie na 0

1 - ustawia margines lub dopełnienie na .25rem (4px, jeśli rozmiar czcionki to 16px)

2 - ustawia margines lub dopełnienie na .5rem (8px, jeśli rozmiar czcionki to 16px)

3 - ustawia margines lub dopełnienie na 1rem (16px, jeśli rozmiar czcionki to 16px)

4 - ustawia margines lub dopełnienie na 1,5 rem (24 piksele, jeśli rozmiar czcionki to 16 pikseli)

5 - ustawia margines lub dopełnienie na 3rem (48 pikseli, jeśli rozmiar czcionki to 16 pikseli)

auto - ustawia margines na auto

Zobacz więcej w Bootstrap 4.5 - Odstępy

Przeczytaj więcej w w3schools

Bootstrap 4

Służy do tworzenia dolnego marginesu o wartości 0 ( margin-bottom:0). Możesz zobaczyć więcej nowych klas narzędzi do odstępów tutaj: https://getbootstrap.com/docs/4.0/utilities/spacing/

Powiązane: Jak używać klas narzędziowych odstępów w programie Bootstrap 4

m - dla klas, które ustalają marżę, jak ta:

• mt - dla zajęć, które ustawiają margin-top
• mb - dla zajęć, które ustawiają margin-bottom
• ml - dla zajęć, które ustawiają margin-left
• mr - dla zajęć, które ustawiają margin-right
• mx- dla klas, które ustawiają zarówno margin-leftimargin-right
• my- dla klas, które ustawiają zarówno margin-topimargin-bottom

Gdzie rozmiar jest jednym z marginesów:

• 0 - dla klas, które eliminują margines, ustawiając go na 0, np mt-0
• 1 - (domyślnie) dla klas, które ustawiają margines na $ spacer * .25, na przykład mt-1
• 2 - (domyślnie) dla klas, które ustawiają margines na $ spacer * .5, na przykład mt-2
• 3 - (domyślnie) dla klas, które ustawiają margines na $ spacer, na przykład mt-3
• 4 - (domyślnie) dla klas, które ustawiają margines na $ spacer * 1.5, na przykład mt-4
• 5 - (domyślnie) dla klas, które ustawiają margines na $ spacer * 3, na przykład mt-5
• auto - dla klas, które ustawiają margines na auto, np mx-auto

m - ustawia margines

p - ustawia wypełnienie

t - ustawia margin-top lub padding-top

b - ustawia margin-bottom lub padding-bottom

l - ustawia margin-left lub padding-left

r - ustawia margin-right lub padding-right

x - ustawia zarówno padding-left, jak i padding-right lub margin-left i margin-right

y - ustawia zarówno padding-top, jak i padding-bottom lub margin-top i margin-bottom

blank - ustawia margines lub dopełnienie ze wszystkich 4 stron elementu

0 - ustawia margines lub dopełnienie na 0

1 - ustawia margines lub dopełnienie na .25rem (4 piksele, jeśli rozmiar czcionki to 16 pikseli)

2 - ustawia margines lub dopełnienie na .5rem (8px, jeśli rozmiar czcionki to 16px)

3 - ustawia margines lub dopełnienie na 1rem (16px, jeśli rozmiar czcionki to 16px)

4 - ustawia margines lub dopełnienie na 1,5 rem (24 piksele, jeśli rozmiar czcionki to 16 pikseli)

5 - ustawia margines lub dopełnienie na 3rem (48 pikseli, jeśli rozmiar czcionki to 16 pikseli)

auto - ustawia margines na auto