Bootstrap 5 색상

텍스트 색상

Bootstrap 5는 '색상을 통해 표현된 특정 의미'를 제공할 수 있는 일부 상황 클래스가 있습니다.

텍스트 색상에 대한 클래스는 다음과 같습니다：

  • .text-muted
  • .text-primary
  • .text-success
  • .text-info
  • .text-warning
  • .text-danger
  • .text-secondary
  • .text-white
  • .text-dark
  • .text-body（기본적인 body 색상/보통 검은색）
  • .text-light

예제

직접 시험해 보세요

다음을 사용할 수도 있습니다 .text-black-50 또는 .text-white-50 검은색이나 흰색 텍스트에 50%의 불투명도를 추가하세요：

예제

직접 시험해 보세요

배경색상

배경색상에 대한 클래스는 다음과 같습니다：

  • .bg-primary
  • .bg-success
  • .bg-info
  • .bg-warning
  • .bg-danger
  • .bg-secondary
  • .bg-dark
  • .bg-light

배경색상을 설정하지 않습니다. 따라서 일부 경우에만 .text-* 색상 클래스를 함께 사용하세요

예제

직접 시험해 보세요