Componenten

Knoppen


Stijlen:
Maten:
Kleuren:
Knop Tags:

Invoervelden


Formulierbesturingen:
Maten:

Dropdowns


Richtingen:

Navigatie


Voortgangsbalken:


Standaard:
90%
Succes:
90%
Gevaar:
90%
Waarschuwing:
90%
Info:
90%
Donker:
90%

Paginering:


Badges:


Primair Secundair Succes Gevaar Waarschuwing Info Licht Donker
Badge Pillen:
Primair Secundair Succes Gevaar Waarschuwing Info Licht Donker

Waarschuwingen:


Tabellen


# Eerste Laatste Handvat
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
Gestreepte rijen:
# Eerste Laatste Handvat
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
Omlijnd:
# Eerste Laatste Handvat
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Typografie


<h1></h1> || .h1

h1. Bootstrap kop

<h2></h2> || .h2

h2. Bootstrap kop

<h3></h3> || .h3

h3. Bootstrap kop

<h4></h4> || .h4

h4. Bootstrap kop

<h5></h5> || .h5

h5. Bootstrap kop

<h6></h6> || .h6

h6. Bootstrap kop

Paragraaf:

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat explicabo ab sed voluptas odit hic obcaecati qui omnis.

Citaat:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Iemand bekend in Bron Titel

Genummerde Lijst:

  1. Integer molestie lorem at massa
  2. Facilisis in pretium nisl aliquet
  3. Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Vestibulum laoreet porttitor sem
    • Ac tristique libero volutpat at
  4. Faucibus porta lacus fringilla vel
  5. Eget porttitor lorem

Ongeordende Lijst:

  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Vestibulum laoreet porttitor sem
    • Ac tristique libero volutpat at
  • Faucibus porta lacus fringilla vel
  • Eget porttitor lorem

Ongeopmaakte Lijst:

  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Vestibulum laoreet porttitor sem
    • Ac tristique libero volutpat at
  • Faucibus porta lacus fringilla vel
  • Eget porttitor lorem
Beschrijvingslijsten:
Euismod

Vestibulum id ligula porta felis euismod semper eget lacinia odio.

Malesuada porta
Etiam porta sem malesuada magna mollis euismod.
Truncated term is truncated
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
Nesting
Nested definition list
Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc.

Gedempte Tekst:

Lorem ipsum dolor sit amet, consectetur adipisicing elit. In, nulla, reprehenderit! Beatae, dolor harum fugiat.

Primaire Tekst:

Lorem ipsum dolor sit amet, consectetur adipisicing elit. In, nulla, reprehenderit! Beatae, dolor harum fugiat.

Gevaar Tekst:

Lorem ipsum dolor sit amet, consectetur adipisicing elit. In, nulla, reprehenderit! Beatae, dolor harum fugiat.

Waarschuwing Tekst:

Lorem ipsum dolor sit amet, consectetur adipisicing elit. In, nulla, reprehenderit! Beatae, dolor harum fugiat.

Succes Tekst:

Lorem ipsum dolor sit amet, consectetur adipisicing elit. In, nulla, reprehenderit! Beatae, dolor harum fugiat.

Info Tekst:

Lorem ipsum dolor sit amet, consectetur adipisicing elit. In, nulla, reprehenderit! Beatae, dolor harum fugiat.