부트 스트랩 버튼
버튼 스타일
부트 스트랩은 다양한 스타일의 버튼을 제공합니다.
기본 태만 행성 성공 정보 경고 위험 링크
위의 버튼 스타일을 달성하기 위해 부트 스트랩에는 다음과 같은 클래스가 있습니다.
.btn
.btn-default
.btn-primary
.btn-success
.btn-info
.btn-warning
.btn-danger
.btn-link
다음 예제에서는 다양한 버튼 스타일의 코드를 보여줍니다.
예
<button type="button" class="btn">Basic</button>
<button type="button" class="btn btn-default">Default</button>
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-link">Link</button>
버튼 스타일
부트 스트랩은 다양한 스타일의 버튼을 제공합니다.
기본 태만 행성 성공 정보 경고 위험 링크
위의 버튼 스타일을 달성하기 위해 부트 스트랩에는 다음과 같은 클래스가 있습니다.
.btn
.btn-default
.btn-primary
.btn-success
.btn-info
.btn-warning
.btn-danger
.btn-link
다음 예제에서는 다양한 버튼 스타일의 코드를 보여줍니다.
예
<button type="button" class="btn">Basic</button>
<button type="button" class="btn btn-default">Default</button>
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-link">Link</button>
첨부파일
게시글 목록
| 번호 | 제목 |
|---|---|
| 1547 | |
| 1546 |
CSS
스크롤 애니메이션 인터랙션
|
| 1545 |
CSS
이미지 비율 유지 반응형 처리
|
| 1544 |
CSS
CSS 변수와 다크 모드 테마
|
| 1542 | |
| 1541 | |
| 1540 | |
| 1539 | |
| 1538 | |
| 1537 |
CSS
박스 모델 완전 이해
|
| 1535 | |
| 1534 | |
| 1533 | |
| 1532 | |
| 1531 | |
| 1512 | |
| 1508 |
CSS
CSS 스위치형 버튼
4
|
| 1479 |
CSS
간단하게 메뉴꾸미기2
13
|
| 1478 |
CSS
간단하게 메뉴꾸미기 1
16
|
| 1475 | |
| 1474 | |
| 1460 |
부트스트랩
비활성화 및 활성 항목
2
|
| 1459 |
부트스트랩
드롭 다운 헤더
7
|
| 1458 |
부트스트랩
드롭 다운 분배기
2
|
| 1457 |
부트스트랩
부트 스트랩 드롭 다운
|
| 1456 |
부트스트랩
패널 바닥 글, 패널 그룹
|
| 1455 |
부트스트랩
부트스트랩 패널 제목
|
| 1454 |
부트스트랩
부트스트랩 panel
|
| 1453 | |
| 1452 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기