Gombok

Szerző: Sallai András
Copyright © Sallai András, 2020
Licenc: CC Attribution-Share Alike 4.0 International
Web: https://szit.hu

Gombok

<button type="button" class="btn">Basic</button>
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-secondary">Secondary</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-dark">Dark</button>
<button type="button" class="btn btn-light">Light</button>
<button type="button" class="btn btn-link">Link</button>

Méretek

.btn
.btn-lg
.btn-sm

Blokkszintű gomb

.btn-block

Aktív és inaktív gomb

.active
.disabled

Folyamatjelző gombok

<button class="btn btn-primary">
  <span class="spinner-border spinner-border-sm"></span>
</button>

<button class="btn btn-primary">
  <span class="spinner-border spinner-border-sm"></span>
  Töltés...
</button>

Nem engedélyezett:

<button class="btn btn-primary" disabled>
  <span class="spinner-border spinner-border-sm"></span>
  Töltés...
</button>

<button class="btn btn-primary" disabled>
  <span class="spinner-grow spinner-grow-sm"></span>
  Töltés...
</button>