본문 바로가기
css trick & base

부트스트랩 기본 폰트 사이즈 line-height

by uni:D 2025. 3. 24.
반응형

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 관련 클래스는 다음과 같습니다:

  1. .lh-1: line-height: 1; (기본 줄 간격)
  2. .lh-sm: line-height: 1.25; (줄 간격이 약간 더 넓어짐)
  3. .lh-base: line-height: 1.5; (기본적인 줄 간격, 많이 사용되는 값)
  4. .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