부트 스트랩 4에서 class =“mb-0”는 무엇입니까?


138

최신 documention가 있다 :

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

Q : mb-0은 무엇입니까?


1
나는 당신이 무엇을 의미하는지 알고 있습니다. 분명히 내 모든 질문도 바보입니다 : /
Richard Muthwill

6
타이밍에 관한 모든 것입니다. 이 질문은 2017 년에 요청되었습니다.
Phillip Senn

답변:


247

부트 스트랩은 광범위한 반응 마진 및 패딩 유틸리티 클래스를 가지고 있습니다. 모든 중단 점에서 작동합니다.

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-간격 에서 더 많은 것을보십시오

w3schools에서 더 읽어보기


8
부트 스트랩 4의 클래스 mb-0은 margin-bottom : 0px와 같습니다. 그거 좋은가요?
Akash Preet


8

m -다음과 같이 여백을 설정하는 클래스의 경우 :

  • mt -설정된 수업 margin-top
  • mb -설정된 수업 margin-bottom
  • ml -설정된 수업 margin-left
  • mr -설정된 수업 margin-right
  • mx- 클래스를 설정하는 것이 모두 margin-leftmargin-right
  • my- 클래스를 설정하는 것이 모두 margin-topmargin-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

-1

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).

자동-여백을 자동으로 설정

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.