부트 스트랩 버튼 정보
부트스트랩 부트 스트랩 버튼본문
부트 스트랩 버튼
버튼 스타일
부트 스트랩은 다양한 스타일의 버튼을 제공합니다.
기본 태만 행성 성공 정보 경고 위험 링크
위의 버튼 스타일을 달성하기 위해 부트 스트랩에는 다음과 같은 클래스가 있습니다.
.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>
추천
0
0
댓글 1개
좋은정보네요^^