btn

btn

btn 클래스는 버튼을 스타일링하기 위해 사용되는 Bootstrap CSS 클래스이다.

서브 클래스

주로 사용되는 btn 클래스의 서브 클래스는 다음과 같다.

• btn-primary:주요한 동작을 나타내는 버튼으로, 일반적으로 파란색 배경과 흰색 텍스트로 표시된다.

• btn-secondary: 보조적인 동작을 나타내는 버튼으로, 일반적으로 회색 배경과 어두운 텍스트로 표시된다.

• btn-success: 완료 또는 성공 상태를 나타내는 데 사용한다. 일반적으로 녹색 배경과 흰색 텍스트로 표시된다.

• btn-danger: 위험한 동작을 나타내는 버튼으로, 일반적으로 빨간색 배경과 흰색 텍스트로 표시된다. 삭제나 중요한 동작을 수행하는 데 사용한다.

• btn-warning: 주의가 필요한 동작을 나타내는 버튼으로, 일반적으로 노란색 배경과 어두운 텍스트로 표시된다. 잠재적인 문제가 있거나 경고가 필요한 상황에서 사용한다.

• btn-info: 정보를 제공하는 동작을 나타내는 버튼으로, 일반적으로 청록색 배경과 흰색 텍스트로 표시된다. 정보를 보여주거나 안내를 제공하는 데 사용한다.

• btn-light: 밝은 배경과 어두운 텍스트로 표시되는 버튼으로, 주로 밝은 테마에서 사용된다.

• btn-dark: 어두운 배경과 밝은 텍스트로 표시되는 버튼으로, 주로 어두운 테마에서 사용된다.

이 외에도 사용자 정의 클래스를 만들어 btn 클래스와 조합하여 원하는 스타일을 적용할 수도 있다.