• 회원가입
  • 로그인
  • 구글아이디로 로그인

[typography] BS5 - .lead 클래스 - 단락 돋보이게 하기 (= 단락강조 = .lead클래스 = 리드클래스)

목차
  1. .lead 예제 - 단락 돋보이게 하기
  2. .lead 정의


.lead 예제 - 단락 돋보이게 하기

 

<div class="container mt-3">

  <p>홈짱닷컴 Homzzang.com</p>

  <p class="lead">홈페이지 제작관리 강의</p>

  <p>Since 2012</p>

</div>

 

결과보기

 

.lead 정의

 

약간 더 큰 글씨 크기 적용해, 해당 단락을 돋보이게 함.

 


[정의]

 

.lead {

  font-size: 1.25rem;

  font-weight: 300;

}

 



분류 제목
typography BS5 - .lead 클래스 - 단락 돋보이게 하기 (= 단락강조 = .lead클래스 = 리드클래스)
typography BS5 - .text-start 클래스 - 텍스트 왼쪽정렬 (= 글자 좌측정렬 = .text-start클래스…
typography BS5 - .text-break 클래스 - 긴 텍스트에 의한 레이아웃 깨짐 방지 (= .text-break클…
typography BS5 - .text-center 클래스 - 텍스트 중앙정렬 (= 글자 가운데정렬 = .text-center…
typography BS5 - .text-decoration-none 클래스 - 텍스트 장식선(=꾸밈선) 제거 (= .text-…
typography BS5 - .text-end 클래스 - 텍스트 오른쪽정렬 (= 글자 우측정렬 = .text-end클래스 = …
typography BS5 - .text-nowrap 클래스 - 텍스트 연속 공백 통합 후 한 줄로 표현 (= .text-now…
typography BS5 - .text-lowercase 클래스 - 텍스트를 소문자로 변환 (= .text-lowercase …
typography BS5 - .text-uppercase 클래스 - 텍스트를 대문자로 변환 (= .text-uppercase …
typography BS5 - .text-capitalize 클래스 - 영단어 각 첫글자만 대문자로 변환 (= .text-cap…
typography BS5 - .initialism 클래스 - <abbr> 태그 안 글씨를 대문자로 변환 후, 살짝 작은 글씨로…
목록
찾아주셔서 감사합니다. Since 2012