답변:
부트 스트랩은 광범위한 반응 마진 및 패딩 유틸리티 클래스를 가지고 있습니다. 모든 중단 점에서 작동합니다.
xs (<= 576px), sm (> = 576px), md (> = 768px), lg (> = 992px) 또는 xl (> = 1200px ))
클래스는 다음 형식으로 사용됩니다.
크기 {} - {속성} {}면 XS 및 대 {중단} - -} {{크기 속성} {}면 SM, MD, LG 및 XL 대.
m- 여백을 설정
p- 패딩을 설정합니다
t- 여백 상단 또는 패딩 상단을 설정
b- 여백 하단 또는 패딩 하단을 설정합니다
l- 왼쪽 여백 또는 왼쪽 여백 설정
r- 오른쪽 여백 또는 오른쪽 여백을 설정
x- 왼쪽 여백과 오른쪽 여백 또는 여백 왼쪽과 여백 오른쪽
y- 패딩 상단 및 패딩 하단 또는 여백 상단 및 여백 하단을 설정합니다
공백 -요소의 4면 모두에 여백 또는 패딩을 설정합니다
0 - 세트의 마진 이나 패딩 0
1- 여백 또는 패딩 을 .25rem으로 설정합니다 (글꼴 크기가 16px 인 경우 4px).
2- 여백 또는 패딩 을 .5rem으로 설정합니다 (글꼴 크기가 16px 인 경우 8px).
3- 여백 또는 패딩 을 1rem으로 설정합니다 (글꼴 크기가 16px 인 경우 16px).
4- 여백 또는 패딩 을 1.5rem으로 설정합니다 (글꼴 크기가 16px 인 경우 24px).
5- 여백 또는 패딩 을 3rem으로 설정합니다 (글꼴 크기가 16px 인 경우 48px).
자동 -여백을 자동으로 설정
Bootstrap 4.5-간격 에서 더 많은 것을보십시오
아래쪽 여백 0 ( margin-bottom:0
) 을 만드는 데 사용됩니다 . https://getbootstrap.com/docs/4.0/utilities/spacing/ 에서 새로운 간격 유틸리티 클래스를 더 볼 수 있습니다.
m
-다음과 같이 여백을 설정하는 클래스의 경우 :
mt
-설정된 수업 margin-top
mb
-설정된 수업 margin-bottom
ml
-설정된 수업 margin-left
mr
-설정된 수업 margin-right
mx
- 클래스를 설정하는 것이 모두 margin-left
와margin-right
my
- 클래스를 설정하는 것이 모두 margin-top
와margin-bottom
크기가 여백 중 하나 인 경우 :
0
-여백을 0으로 설정하여 여백을 제거하는 클래스의 경우 mt-0
1
-여백을 $ spacer * .25로 설정하는 클래스의 경우 기본적으로 mt-1
2
-여백을 $ spacer * .5로 설정하는 클래스의 경우 기본적으로 mt-2
3
-여백을 $ spacer로 설정하는 클래스의 경우 기본적으로 mt-3
4
-여백을 $ spacer * 1.5로 설정하는 클래스의 경우 기본적으로 mt-4
5
-여백을 $ spacer * 3으로 설정하는 클래스의 경우 기본적으로 mt-5
auto
-여백을 자동으로 설정하는 클래스의 경우 mx-auto
m-여백을 설정
p-패딩을 설정합니다
t-여백 상단 또는 패딩 상단을 설정
b-여백 하단 또는 패딩 하단을 설정합니다
l-왼쪽 여백 또는 왼쪽 여백 설정
r-오른쪽 여백 또는 오른쪽 여백을 설정
x-왼쪽 여백과 오른쪽 여백 또는 여백 왼쪽과 여백 오른쪽
y-패딩 상단 및 패딩 하단 또는 여백 상단 및 여백 하단을 설정합니다
공백-요소의 4면 모두에 여백 또는 패딩을 설정합니다
0-여백 또는 패딩을 0으로 설정
1-여백 또는 패딩을 .25rem으로 설정합니다 (글꼴 크기가 16px 인 경우 4px).
2-여백 또는 패딩을 .5rem으로 설정합니다 (글꼴 크기가 16px 인 경우 8px).
3-여백 또는 패딩을 1rem으로 설정합니다 (글꼴 크기가 16px 인 경우 16px).
4-여백 또는 패딩을 1.5rem으로 설정 (글꼴 크기가 16px 인 경우 24px)
5-여백 또는 패딩을 3rem으로 설정합니다 (글꼴 크기가 16px 인 경우 48px).
자동-여백을 자동으로 설정