Bootstrap: text, color

 

기본적으로 css에서 사용되는 명령어를 그대로 따른다.

 

text

text alignment

.text-{breakpoint}-{start/center/end}

 

 

text transform

.text-{lowercase/uppercase/capitalize}

 

 

font size

.fs-* 1~6, h*태그의 사이즈와 같음

 

 

font weight

.fw-{bold/bolder/normal/light/lighter}

 

 

font style

.fst-{italic/normal}

 

 

line height

.lh-*

.lh-{sm/lg/base}

 

 

reset color

.text-reset 해당 요소의 색 대신 부모 요소의 색상을 상속

 

 

text decoration

.text-decoration-{underline/none/line-through}

 

 

 

color

부트스트랩 css에 들어가면 다음과 같이 이미 지정해둔 색상명이 있다.

이를 응용하여 텍스트와 배경 색 설정이 가능하다.

 

 

.text-{color}

.bg-{color}

.bg-{color).bg-grdient 원래 색에서 어느정도 투명도가 들어간 컬러