반응형
부트스트랩에서 margin(마진), padding(패딩), font-size(폰트사이즈)
를 설정하려면 어떻게 해야 할까요?
사이트의 튜틸리티에 spacing, text 를 보시면 됩니다.
https://getbootstrap.com/docs/5.1/utilities/spacing/
Spacing
Bootstrap includes a wide range of shorthand responsive margin, padding, and gap utility classes to modify an element’s appearance.
getbootstrap.com
https://getbootstrap.com/docs/5.1/utilities/text/
Text
Documentation and examples for common text utilities to control alignment, wrapping, weight, and more.
getbootstrap.com
마진은 m
패딩은 p
top 은 t
bottom 은 b
left 는 s
right 는 e
위아래 포함은 y
양옆의 포함은 x 입니다.
|
<div class="container">여백가진 박스를 넣는방법</div> <div class="mt-5">margin-top 을 주는방법</div>
<div class="pb-5">padding-bottom 을 주는방법</div>
<div class="fs-3">font-size 을 주는방법</div>
<div class="text-center">text-align 을 주는방법</div>
<div class="fw-bold">font-weight 을 주는방법</div>
|
반응형
'프로그래밍 스터디( 공부노트 ) > 부트스트랩(Bootstrap)' 카테고리의 다른 글
| 부트스트랩 Bootsrap 시작하기 / 시작하는법 (1) | 2021.12.29 |
|---|