Bootstrap - 버튼 & 버튼 그룹

01.Buttons & Outline Buttons

• Buttons: 버튼의 다양한 크기 및 상태 등을 지원합니다.
• Outline Buttons: 모든 버튼의 모든 배경 이미지와 색상을 제거 합니다.

<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-outline-secondary">Secondary</button>
<button type="button" class="btn btn-success">Success</button>
<div class="btn btn-outline-primary">ABC</div> 

02.Button group

• 일련의 버튼들을 한 줄에 그룹화합니다.

<div class="btn-group">
  <button type="button" class="btn btn-primary">Primary</button>
  <button type="button" class="btn btn-outline-secondary">Secondary</button>
  <button type="button" class="btn btn-success">Success</button>
  <div class="btn btn-outline-primary">ABC</div> 
</div>

03.Buttons 그외 기능

<button type="button" class="btn btn-primary btn-lg">Large button</button>
<button type="button" class="btn btn-secondary btn-lg">Large button</button>

<button type="button" class="btn btn-primary btn-sm">Small button</button>
<button type="button" class="btn btn-secondary btn-sm">Small button</button>

• 버튼의 사이즈를 large, small과 같이.btn-lg, .btn-sm 태그를 이용해 크고 작은 버튼을 출력할 수 있습니다.

<button type="button" class="btn btn-lg btn-primary" disabled>Primary button</button>
<button type="button" class="btn btn-secondary btn-lg" disabled>Button</button>

• disabled 속성만 추가해주면 버튼의 비활성화를 시킬 수 있습니다.