Text alignment
|
1 2 3 4 5 6 7 8 9 10 |
<p class="text-left">Left aligned text on all viewport sizes.</p> <p class="text-center">Center aligned text on all viewport sizes.</p> <p class="text-right">Right aligned text on all viewport sizes.</p> <p class="text-sm-left">Left aligned text on viewports sized SM (small) or wider.</p> <p class="text-md-left">Left aligned text on viewports sized MD (medium) or wider.</p> <p class="text-lg-left">Left aligned text on viewports sized LG (large) or wider.</p> <p class="text-xl-left">Left aligned text on viewports sized XL (extra-large) or wider.</p> |
Font weight and italics
|
1 2 3 4 5 6 7 8 |
<p class="font-weight-bold">Bold text.</p> <p class="font-weight-bolder">Bolder weight text (relative to the parent element).</p> <p class="font-weight-normal">Normal weight text.</p> <p class="font-weight-light">Light weight text.</p> <p class="font-weight-lighter">Lighter weight text (relative to the parent element).</p> <p class="font-italic">Italic text.</p> |
| 속성 | description |
|---|---|
| text-dark | 글자 진하게 |
| font-weight-bold | 글자 굴게 |
| navbar-expand | nav 널게 |
| border border-primary | border 그리기 |
| text-uppercase | 대분자로 |
| py-1 m-0 | 패딩 y=1 마진 0 |
| style=”IME-MODE: disabled” | Input 영문만 입력 / 기본모드 한글 : active |
| class=”text-break” | 자동 줄 바꿈. |