부트스트랩 4의 class="mb-0"은 무엇입니까?

부트스트랩 4의 class="mb-0"은 무엇입니까?

최신 설명서는 다음과 같습니다.

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

란?mb-0?

부트스트랩 4

부트스트랩은 응답 마진 및 패딩 유틸리티 클래스의 범위가 광범위합니다.모든 중단점에 대해 작동합니다.

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

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

sm, md, lg 및 xl의 경우 xs & {size} {sm} {sm}-{breakpoint}-{size}

m - 마진 설정

p - 패딩을 설정합니다.

---

t - 여백 상단 또는 패딩 상단을 설정합니다.

b - 여백-하단 또는 패딩-하단을 설정합니다.

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

r - 여백 오른쪽 또는 패딩 오른쪽을 설정합니다.

x - 패딩-왼쪽 및 패딩-오른쪽 또는 여백-왼쪽 및 여백-오른쪽을 모두 설정합니다.

y - 패딩-상단 및 패딩-하단 또는 여백-상단 및 여백-하단을 모두 설정합니다.

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

---

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

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

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

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

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

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

auto - 마진을 auto로 설정합니다.

부트스트랩 4.5 - 간격에서 더 보기

w3 학교에서 더 읽기

부트스트랩 4

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

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

m같이 진행됩니다.

• mt설된클래의경우를 설정하는 margin-top
• mb설된클래의경우를 설정하는 margin-bottom
• ml설된클래의경우를 설정하는 margin-left
• mr설된클래의경우를 설정하는 margin-right
• mxmargin-left그리고.margin-right
• mymargin-top그리고.margin-bottom

여기서 size는 마진 중 하나입니다.

• 0, 예를 들어 0으로 설정하면 됩니다.mt-0
• 1($165, 를 들어 () $159 *.25로 설정합니다mt-1
• 2(예: (으)ㄹ 수 있음) $159 *.5로 설정합니다mt-2
• 3(, 를 들어, ("$165") $165로 설정합니다mt-3
• 4($165 * , 를 들어, () $165 * 1.5로 설정합니다mt-4
• 5(기본적으로) 마진을 $165 * 3으로 설정하는 클래스의 경우, 예를 들어mt-5
• auto마진을 자동으로 설정하는 클래스의 경우, 예를 들어mx-auto

부트스트랩에는 스타일링에 사용하는 미리 정의된 클래스가 있습니다.만약 당신이 CSS에 익숙하다면, 당신은 패딩, 마진, 간격 등이 무엇인지 알 것입니다.

mb-0 = 마진-하단:0;

이제 지식에서 조금 더 나아가 부트스트랩에는 다음과 같은 마진 클래스가 더 있습니다.

mt- = margin-top
mb- = margin-bottom
ml- = margin-left
mr- = margin-right
my- = it sets margin-left and margin-right at the same time on y axes
mX- = it sets margin-bottom and margin-top at the same time on X axes

이것과 더 많은 것들이 여기 https://getbootstrap.com/docs/5.0/utilities/spacing/ 에 설명되어 있습니다. 가장 좋은 학습 방법은 https://getbootstrap.com 사이트 자체를 통해 배우는 것입니다.그것은 내장된 수업에 대해 많은 것을 설명합니다.

m - 마진 설정

p - 패딩을 설정합니다.

t - 여백 상단 또는 패딩 상단을 설정합니다.

b - 여백-하단 또는 패딩-하단을 설정합니다.

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

r - 여백 오른쪽 또는 패딩 오른쪽을 설정합니다.

x - 패딩-왼쪽 및 패딩-오른쪽 또는 여백-왼쪽 및 여백-오른쪽을 모두 설정합니다.

y - 패딩-상단 및 패딩-하단 또는 여백-상단 및 여백-하단을 모두 설정합니다.

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

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

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

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

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

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

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

auto - 마진을 auto로 설정합니다.

class="mb-0"을 검색할 때 가장 먼저 나타나는 항목이 이 "mb-0"이기 때문에 이러한 모든 답변은 사용되지 않습니다.이제 2022년 2월 부트스트랩은 V5.1이며, 이는 클래스에서 사용할 새로운 띄어쓰기 표기법에 대한 링크입니다. https://getbootstrap.com/docs/5.1/utilities/spacing/ (주요 문제는 현재 표기법의 시작과 끝으로 참조되는 왼쪽과 오른쪽에 있었습니다.)

class="mb-0"

m - 마진 설정

b - 하단 여백 또는 패딩을 설정합니다.

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

CSS 클래스

.mb-0{
       margin-bottom: 0
     }

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