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

Odpowiedzi:

280

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

Akash Preet
źródło
14
Klasa mb-0 w Bootstrap 4 jest odpowiednikiem margin-bottom: 0px; Czy to brzmi dobrze?
Akash Preet
Wszystkie te definicje można znaleźć na stronie boostrap.css
java-addict301
1
@ java-addict301 Przed upływem 4 lat znalezienie tych definicji wymagało dodatkowych wyszukiwań.
Akash Preet
53

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

Zim
źródło
4
Dziękujemy za udostępnienie linku do oryginalnej dokumentacji. Wolę czytać bezpośrednio ze źródła, zamiast przechodzić przez stronę trzecią, taką jak w3schools!
pbarranis
15

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
sta
źródło
0

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

Nakkeeran 8797
źródło