Telített gombok
Elsődleges gomb
<a href="/" class="button">Elsődleges gomb</a>
Zöld gomb
<a href="/" class="button button-positive">Zöld gomb</a>
Piros gomb
<a href="/" class="button button-danger">Pirosgomb</a>
Szürke gomb
<a href="/" class="button button-grey">Szürke gomb</a>
Keretes gombok
Elsődleges gomb
<a href="/" class="button button-border">Elsődleges gomb</a>
Zöld gomb
<a href="/" class="button button-border button-positive">Zöld gomb</a>
Piros gomb
<a href="/" class="button button-border button-danger">Pirosgomb</a>
Szürke gomb
<a href="/" class="button button-border button-grey">Szürke gomb</a>
Gombok méretezése
Az alapértelmezett gomb méretet lehet egy fokkal kicsinyíteni, valamint növelni. Előbbihez a button-sm, utóbbihoz a button-xl értéket kell beilleszteni a gomb többi class-a mellé.
Nagy elsődleges gomb
<a href="/" class="button button-xl">Nagy elsődleges gomb</a>
Kis zöld gomb
<a href="/" class="button button-sm button-positive">Kis zöld gomb</a>
Nagy piros keretezett gomb
<a href="/" class="button button-border button-xl button-danger">Nagy piros keretezett gomb</a>
Kis keretezett szürke gomb
<a href="/" class="button button-border button-sm button-grey">Kis keretezett szürke gomb</a>