[[oktatas:web:front-end_framework:bootstrap 4|< Bootsrap 4]]

====== Gombok ======

  * **Szerző:** Sallai András
  * Copyright (c) Sallai András, 2020
  * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]]
  * Web: https://szit.hu

===== Gombok =====

Osztályok:
  * .btn
  * .btn-primary
  * .btn-secondary
  * .btn-success
  * .btn-info
  * .btn-warning
  * .btn-danger
  * .btn-dark
  * .btn-light
  * .btn-link

<code html>
<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>
</code>

===== Méretek =====

  * .btn
  * .btn-lg
  * .btn-sm

===== Blokkszintű gomb =====

  * .btn-block

===== Aktív és inaktív gomb =====

  * .active
  * .disabled

===== Folyamatjelző gombok =====

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

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


Nem engedélyezett:

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

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