Det finns två knappar för klasser .button och .action-button. Används för vanliga knappar, respektive knappar där man vill indikera en interaktion tydligare. Bra exempel är att .action-buttonanvänds för 'Logga in' och .button för 'Glömt lösenord'. Dessa klasser kan sättas på vanliga element för att ge dem knapputseende, men fungerar och på vanliga button

Vill man placera knappar bredvid varandra används en ´.button-group-item' eller en .action-button-group-item. Använd dessa då knappar ska ligga i anslutning till varandra. Dessa måste placeras i en `.button-group´ och en label.

Exempel.

<div class="button-group">
    <label>
        <input class="action-button-group-item" type="submit" value="Logga in">
    </label>
    <label>
       <a href="####" class="button-group-item">Glömt lösenord?</a>
    </label>
</div>

Bra skit vi använder för att få finfina icons!

http://fontawesome.io/icons/

Här finns massa saker man mer eller mindre kan klippa och klistra lite med!

http://bourbon.io/