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- 여백을 자동으로 설정합니다.
아래쪽 여백 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
'developer tip' 카테고리의 다른 글
link_to 이미지 태그. (0) | 2020.09.07 |
---|---|
메서드 이름에 "Async"접미사를 사용하는 것은 'async'수정자를 사용하는지 여부에 따라 달라 집니까? (0) | 2020.09.07 |
Vim에서 자동 완성 후 미리보기 창을 어떻게 자동으로 제거합니까? (0) | 2020.09.07 |
Subversion에 커밋 한 후 "프로젝트의 종속성을 업데이트 할 수 없습니다" (0) | 2020.09.07 |
AWS SNS를 사용한 FCM (0) | 2020.09.07 |