< Bootsrap 4

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>