반응형
font-size:1rem => 16px
line-height: 24px => 1.5
부트스트랩의 기본 폰트 크기는
font-size: 1rem (16px 정도)로 설정되어 있습니다. 따라서 기본 line-height는 1.5로 설정되어 있어, 줄 간격은 1.5rem (24px)이 됩니다.
부트스트랩(Bootstrap)에서는 기본적으로 line-height를 여러 요소에 대해 설정해 놓은 클래스를 제공합니다. 주로 텍스트의 줄 간격을 조절하기 위해 line-height가 적용된 클래스가 있습니다.
부트스트랩에서 자주 사용하는 line-height 관련 클래스는 다음과 같습니다:
- .lh-1: line-height: 1; (기본 줄 간격)
- .lh-sm: line-height: 1.25; (줄 간격이 약간 더 넓어짐)
- .lh-base: line-height: 1.5; (기본적인 줄 간격, 많이 사용되는 값)
- .lh-lg: line-height: 1.75; (더 넓은 줄 간격)
반응형
'css trick & base' 카테고리의 다른 글
a태그 링크 없을때 <a href="# (0) | 2025.04.01 |
---|---|
ios 스크롤 버그 (0) | 2025.03.26 |
max-width: auto 안됨 (0) | 2025.03.19 |
:where (0) | 2025.03.06 |
겹치는거 (0) | 2025.03.06 |