Knapper udseende

Knap udseende

Class

Beskrivelse

Prøv knappen på w3schools

Basic

class="btn"

Gennemsigtig

Klik her!

Default

class="btn btn-default"

Grundfarve Moodle

Klik her!

Primary

class="btn btn-primary"

Hovedknap bruges på.....

Klik her!

Success

class="btn btn-success"

Det lykkedes..

Klik her!

Info

class="btn btn-info"

Informationer

Klik her!

Warning

class="btn btn-warning"

Advarsel

Klik her!

Danger

class="btn btn-danger"

Fare

Klik her!

Link

class="btn btn-link"

Knap som link

Klik her!

Dark

class="btn btn-dark"

Knap sort

Light

class="btn btn-light"

Knap lys

Large

class="btn btn-default btn-lg"

Stor knap

Klik her!

Small

class="btn btn-default btn-sm"

Lille knap

Klik her!

Block-level Button

class="btn btn-default btn-block"

Knap størrelse styret af kolonnen eller siden

Klik her!

Primary

class="btn btn-outline-primary"

Hovedknap bruges på.....

Success

class="btn btn-outline-success"

Det lykkedes..

Info

class="btn btn-outline-info"

Informationer

Warning

class="btn btn-outline-warning"

Advarsel

Danger

class="btn btn-outline-danger"

Fare

Dark

class="btn btn-outline-dark"

Knap sort

Light

class="btn btn-outline-light"

Knap lys