3. bootstrap5 텍스트 색, 배경색, 정렬

bootstrap 텍스트 색

bootstrap은 몇가지에 테마색들을 제공한다.

색키워드들은 다양한 색스타일을 적용할때 계속 사용되므로 기억해두는게 좋다.

기본적으로 제공되는 테마색들이다. 원한다면 이 색을 사용해 텍스트 색을 꾸밀 수 있다.

bootstrap 텍스트 배경색

배경색은 블록 전체에 색을 입혀준다. 다른 블록에서도 같은 방식으로 배경을 지정할 수 있다.

text-success와 똑같은 방식으로 bg-success 처럼 입력하면 된다.

text-bg-success를 입력하면 자동으로 배경과 대비되는 텍스트 색을 지정해 준다.

bootstrap 텍스트 정렬, 기타 스타일

텍스트를 정렬하는 방법과 몇가지 스타일을 지정하는 방법에 대해 정리를 했다.

스타일	의미
.text-start	왼쪽 정렬
.text-center	가운데 정렬
.text-end	오른쪽 정렬
.text-break	레이아웃을 넘으면 줄바꿈
.text-nowrap	줄바꿈 없음
.text-lowercase	소문자
.text-uppercase	대문자
.text-capitalize	단어 첫글자 대문자
.text-decoration-none	텍스트 꾸밈 없음(밑줄)

너무 방대한 양이라서 다 정리하기는 어려울 것 같다.

작업하면서 필요한게 생길 때 마다 정리하면 된다.