developer tip

Bootstrap 4에서 class =“mb-0”은 무엇입니까?

optionbox 2020. 9. 7. 08:02
반응형

Bootstrap 4에서 class =“mb-0”은 무엇입니까?


최신 documention가 있다 :

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

Q : mb-0이란 무엇입니까?


부트 스트랩에는 다양한 반응 형 마진 및 패딩 유틸리티 클래스가 있습니다. 모든 중단 점에서 작동합니다.

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

클래스는 다음 형식으로 사용됩니다.

크기 {} - {속성} {}면 XS 및 대 {중단} - -} {{크기 속성} {}면 SM, MD, LG 및 XL 대.

m- 여백 설정

p- 패딩 설정


t -margin-top 또는 padding-top 설정

b -margin-bottom 또는 padding-bottom을 설정합니다.

l -margin-left 또는 padding-left 설정

r- 여백-오른쪽 또는 패딩-오른쪽 설정

x -padding-left 및 padding-right 또는 margin-left 및 margin-right를 모두 설정합니다.

y -padding-top 및 padding-bottom 또는 margin-top 및 margin-bottom을 모두 설정합니다.

공백 -요소의 4면 모두에 여백 또는 패딩을 설정합니다.


0- 여백 또는 패딩 을 0으로 설정합니다.

1 - 세트 마진 또는 패딩 .25rem 내지 (4 픽셀 폰트 크기 16px 경우)

2 - 세트 마진 또는 패딩 .5rem 행 (8px 폰트 크기 16px 경우)

3- 여백 또는 패딩 을 1rem으로 설정합니다 (글꼴 크기가 16px 인 경우 16px).

4 - 세트 마진 또는 패딩 1.5rem로 (24 픽셀 폰트 크기 16px 경우)

5- 여백 또는 패딩 을 3rem으로 설정합니다 (글꼴 크기가 16px 인 경우 48px).

auto- 여백을 자동으로 설정합니다.

Bootstrap 4.3 문서

w3schools에서 자세히 알아보기


아래쪽 여백 0 ( margin-bottom:0) 을 만드는 데 사용됩니다 . https://getbootstrap.com/docs/4.0/utilities/spacing/ 에서 새로운 간격 유틸리티 클래스를 더 많이 볼 수 있습니다.

관련 : 부트 스트랩 4에서 간격 유틸리티 클래스를 사용하는 방법

참고 URL : https://stackoverflow.com/questions/41574776/what-is-class-mb-0-in-bootstrap-4

반응형