티스토리 뷰

IT tech Coding/Bootstrap

부트스트랩(Bootstrap) 5.x 버전에서 제공하는 기본적인 배경 색상

Coding Life 2024. 8. 31. 10:43
반응형

부트스트랩(Bootstrap) 5.x 버전에서 제공하는 기본적인 배경 색상(bg-* 클래스)에는 7가지가 있습니다. 이 색상들은 부트스트랩의 색상 유틸리티로 사용할 수 있으며, 배경 색상, 텍스트 색상, 경계선 색상 등 다양한 스타일링에 활용됩니다.

부트스트랩 기본 배경 색상 (bg-* 클래스)
bg-primary: 파란색 (#0d6efd)
bg-secondary: 회색 (#6c757d)
bg-success: 녹색 (#198754)
bg-danger: 빨간색 (#dc3545)
bg-warning: 노란색 (#ffc107)
bg-info: 청록색 (#0dcaf0)
bg-dark: 검정색 (#212529)
추가적으로, 다음과 같은 배경 색상도 제공됩니다:

bg-light: 연한 회색 (#f8f9fa)
bg-white: 흰색 (#ffffff)
bg-transparent: 투명
이 색상들은 부트스트랩의 디자인 시스템에서 핵심적인 역할을 하며, 다양한 배경색을 사용하여 UI 요소를 스타일링할 수 있습니다. 필요에 따라 이 외에도 사용자 정의 색상을 추가로 정의하여 사용할 수 있습니다.

반응형
저작자표시 비영리 변경금지

'IT tech Coding > Bootstrap' 카테고리의 다른 글

Blocked aria-hidden on an element because its descendant retained focus. The focus must not be hidden from assistive technology users. Avoid using aria-hidden on a focused element or its ancestor. Consider using the inert attribute instead, which will al  (0) 2024.12.15
부트스트랩에서 이 세가지의 차이점이 궁금하다.  (0) 2024.11.18
Bootstrap 5: 새로운 시대의 웹 디자인 프레임워크  (0) 2023.10.08
bootstrap modal창 위에 또다른 modal창 띄우는 코드  (0) 2023.03.29
modal창 button 중복으로 눌리는 현상, 이거 해결하는데 정말 장난 아님  (0) 2023.03.09
댓글