css
twitter-bootstrap
bootstrap-4
twitter-bootstrap-4
Phillip Senn
źródło
źródło
Odpowiedzi:
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
źródło
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
źródło
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ównomargin-left
imargin-right
my
- dla klas, które ustawiają zarównomargin-top
imargin-bottom
Gdzie rozmiar jest jednym z marginesów:
0
- dla klas, które eliminują margines, ustawiając go na 0, npmt-0
1
- (domyślnie) dla klas, które ustawiają margines na $ spacer * .25, na przykładmt-1
2
- (domyślnie) dla klas, które ustawiają margines na $ spacer * .5, na przykładmt-2
3
- (domyślnie) dla klas, które ustawiają margines na $ spacer, na przykładmt-3
4
- (domyślnie) dla klas, które ustawiają margines na $ spacer * 1.5, na przykładmt-4
5
- (domyślnie) dla klas, które ustawiają margines na $ spacer * 3, na przykładmt-5
auto
- dla klas, które ustawiają margines na auto, npmx-auto
źródło
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
źródło