nl flag
logo

Helpers

lorem-sm

<p class="lorem-sm" ></p>

lorem-lg

<p class="lorem-lg" ></p>

Borders

border

<div class="border"></div>

border-top

<div class="border-top"></div>

border-right

<div class="border-right"></div>

border-bottom

<div class="border-bottom"></div>

border-left

<div class="border-left"></div>

border border-dashed

<div class="border border-dashed"></div>

border border-dotted

<div class="border border-dotted"></div>

border border-medium

<div class="border border-medium"></div>

border-top border-medium

<div class="border-top border-medium"></div>

border-right border-medium

<div class="border-right border-medium"></div>

border-bottom border-medium

<div class="border-bottom border-medium"></div>

border-left border-medium

<div class="border-left border-medium"></div>

border border-medium border-dashed

<div class="border border-medium border-dashed"></div>

border border-medium border-dotted

<div class="border  border-mediumborder-dotted"></div>

border border-thick

<div class="border border-thick"></div>

border-top border-thick

<div class="border-top border-thick"></div>

border-right border-thick

<div class="border-right border-thick"></div>

border-bottom border-thick

<div class="border-bottom border-thick"></div>

border-left border-thick

<div class="border-left border-thick"></div>

border border-thick border-dashed

<div class="border border-thick border-dashed"></div>

border border-thick border-dotted

<div class="border border-thick border-dotted"></div>

Rondingen en circel

round-sm

<div class="round-sm"></div>

round-md

<div class="round-md"></div>

round-lg

<div class="round-lg"></div>

circle

<div class="circle"></div>

padding

padding-small

<div class="padding-small"></div>

padding

<div class="padding"></div>

padding-large

<div class="padding-large"></div>

padding-16

<div class="padding-16"></div>

padding-24

<div class="padding-24"></div>

padding-32

<div class="padding-32"></div>

padding-48

<div class="padding-48"></div>

padding-64


<div class="padding-64"></div>

margin

margin
<div class="margin"></div>
margin-full
<div class="margin-full"></div>
margin-top
<div class="margin-top"></div>
margin-right
<div class="margin-right"></div>

  

margin-bottom
<div class="margin-bottom"></div>
margin-left
<div class="margin-left"></div>

  

Diversen

Class Omschrijving
no-padding
Verwijder alle padding
no-padding-left
Verwijder linker padding
no-padding-top
Verwijder boven padding
no-padding-right
Verwijder rechter padding
no-padding-bottom
Verwijder beneden padding
no-margin
Verwijder alle margin
no-margin-left
Verwijder linker margin
no-margin-top
Verwijder boven margin
no-margin-right
Verwijder rechter margin
no-margin-bottom
Verwijder beneden margin
no-float
Verwijder alle floating
no-fixed
Verwijder alle niet vluchtigheid (fixed)
no-border
Verwijder alle borders
hide-lg
Verberg op grote schermen
show-lg
Laat zien op grote schermen
hide-sm
Verberg op kleine schermen
show-sm
Laat zien op kleine schermen
clear
Maak elementen vrij (clear)
pointer
Maak van cursor een handje
overlay
Geef een zwarte doorzichtige bedekking (overlay)
overflow-hidden
Verberg overloop (overflow)
overflow-auto
Zet overloop op automatisch (overflow)
overflow-x-hidden
Verberg overloop horizontaal (overflow)
overflow-x-auto
Zet overloop horizontaal op automatisch (overflow)
overflow-y-hidden
Verberg overloop verticaal (overflow)
overflow-y-auto
Zet overloop verticaal op automatisch (overflow)
center
Centreer tekst (align)
left
Zet tekst aan de linkerkant (align)
right
Zet tekst aan de rechterkant (align)
float-left
Zet element en tekst zwevend aan de linkerkant (float)
float-right
Zet element en tekst zwevend aan de rechterkant (float)
float-center
Centreer elementen (margin: auto)
top
Zet elementen of tekst gefixeerd aan de bovenkant (fixed)
bottom
Zet elementen of tekst gefixeerd aan de onderkant (fixed)