BootstrapSpiek briefje

RTL-spiekbriefje

Inhoud

Typografie

Documentatie

Weergave 1

Weergave 2

Weergave 3

Weergave 4

Weergave 5

Weergave 6

Koptekst 1

Kop 2

Kop 3

Rubriek 4

Kop 5

Kop 6

Dit is een hoofdparagraaf. Het onderscheidt zich van gewone alinea's.

U kunt de markeringstag gebruiken omhoogtepunttekst.

Deze regel tekst is bedoeld om te worden behandeld als verwijderde tekst.

Het is de bedoeling dat deze regel tekst als niet langer nauwkeurig wordt beschouwd.

Deze regel tekst is bedoeld als aanvulling op het document.

Deze tekstregel wordt onderstreept weergegeven.

Deze regel tekst is bedoeld als kleine lettertjes.

Deze regel is vetgedrukt weergegeven.

Deze regel wordt weergegeven als cursieve tekst.

Een bekende quote, vervat in een blockquote-element.

Iemand die beroemd is in Brontitel
  • Dit is een lijst.
  • Het ziet er volledig ongestileerd uit.
  • Structureel is het nog steeds een lijst.
  • Deze stijl is echter alleen van toepassing op directe onderliggende elementen.
  • Geneste lijsten:
    • worden niet beïnvloed door deze stijl
    • zal nog steeds een kogel laten zien
    • en hebben de juiste linkermarge
  • Dit kan in sommige situaties nog steeds van pas komen.
  • Dit is een lijstitem.
  • En nog een.
  • Maar ze worden inline weergegeven.

Afbeeldingen

Documentatie
Placeholder Responsive image
A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera 200x200

Tafels

Documentatie
# Eerst Laatst Handvat
1 Markering Otto @mdo
2 Jakob Thornton @dik
3 Larry de vogel @twitter
# Eerst Laatst Handvat
1 Markering Otto @mdo
2 Jakob Thornton @dik
3 Larry de vogel @twitter
Klas rubriek rubriek
Standaard Cel Cel
primair Cel Cel
Ondergeschikt Cel Cel
Succes Cel Cel
Gevaar Cel Cel
Waarschuwing Cel Cel
Info Cel Cel
Licht Cel Cel
Donker Cel Cel
# Eerst Laatst Handvat
1 Markering Otto @mdo
2 Jakob Thornton @dik
3 Larry de vogel @twitter

Figuren

Documentatie
Placeholder 400x300
Een onderschrift voor de bovenstaande afbeelding.

Formulieren

Overzicht

Documentatie
We zullen uw e-mailadres nooit met iemand anders delen.
Radioknoppen

Uitgeschakelde formulieren

Documentatie
Knoppen voor uitgeschakelde radio's

Maatvoering

Documentatie

Invoergroep

Documentatie
@
@voorbeeld.com
https://voorbeeld.com/gebruikers/
$ .00
Met tekstgebied

Geldigmaking

Documentatie
Ziet er goed uit!
Ziet er goed uit!
@
Kies een gebruikersnaam.
Geef een geldige stad op.
Selecteer een geldige staat.
Geef een geldige zip op.
U moet akkoord gaan voordat u het verzendt.

Componenten

Accordeon

Documentatie

Dit is de accordeonbody van het eerste item. Het is standaard verborgen, totdat de instortingsplug-in de juiste klassen toevoegt die we gebruiken om elk element op te maken. Deze klassen bepalen het algehele uiterlijk, evenals het tonen en verbergen via CSS-overgangen. U kunt dit allemaal wijzigen met aangepaste CSS of onze standaardvariabelen overschrijven. Het is ook vermeldenswaard dat zowat elke HTML binnen de , kan .accordion-body, hoewel de overgang de overloop beperkt.

This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

Dit is het accordeonlichaam van het derde item. Het is standaard verborgen, totdat de instortingsplug-in de juiste klassen toevoegt die we gebruiken om elk element op te maken. Deze klassen bepalen het algehele uiterlijk, evenals het tonen en verbergen via CSS-overgangen. U kunt dit allemaal wijzigen met aangepaste CSS of onze standaardvariabelen overschrijven. Het is ook vermeldenswaard dat zowat elke HTML binnen de , kan .accordion-body, hoewel de overgang de overloop beperkt.

Waarschuwingen

Documentatie

Insigne

Documentatie

Voorbeeld kopNieuw

Voorbeeld kopNieuw

Voorbeeld kopNieuw

Voorbeeld kopNieuw

Voorbeeld kopNieuw

Voorbeeld kopNieuw

Voorbeeld kopNieuw

Voorbeeld kopNieuw

primair Ondergeschikt Succes Gevaar Waarschuwing Info Licht Donker

Toetsen

Documentatie

Kaart

Documentatie
Placeholder Image cap
Kaart titel

Enkele snelle voorbeeldteksten om op de titel van de kaart voort te bouwen en het grootste deel van de inhoud van de kaart te vormen.

Ergens heengaan
Aanbevolen
Kaart titel

Enkele snelle voorbeeldteksten om op de titel van de kaart voort te bouwen en het grootste deel van de inhoud van de kaart te vormen.

Ergens heengaan
Kaart titel

Enkele snelle voorbeeldteksten om op de titel van de kaart voort te bouwen en het grootste deel van de inhoud van de kaart te vormen.

  • Een item
  • Een tweede item
  • Een derde item
Placeholder Image
Kaart titel

Dit is een bredere kaart met ondersteunende tekst hieronder als een natuurlijke inleiding tot aanvullende inhoud. Deze inhoud is iets langer.

Laatst bijgewerkt 3 minuten geleden

Lijst groep

Documentatie
  • Een uitgeschakeld item
  • Een tweede item
  • Een derde item
  • Een vierde item
  • En een vijfde
  • Een item
  • Een tweede item
  • Een derde item
  • Een vierde item
  • En een vijfde

Popovers

Documentatie

Scrollspy

Documentatie

Eerste rubriek

Dit is wat tijdelijke inhoud voor de scrollspy-pagina. Houd er rekening mee dat wanneer u door de pagina bladert, de juiste navigatielink wordt gemarkeerd. Het wordt herhaald in het hele componentvoorbeeld. We blijven hier nog wat voorbeeldkopieën toevoegen om het scrollen en markeren te benadrukken.

Tweede rubriek

Dit is wat tijdelijke inhoud voor de scrollspy-pagina. Houd er rekening mee dat wanneer u door de pagina bladert, de juiste navigatielink wordt gemarkeerd. Het wordt herhaald in het hele componentvoorbeeld. We blijven hier nog wat voorbeeldkopieën toevoegen om het scrollen en markeren te benadrukken.

derde rubriek

Dit is wat tijdelijke inhoud voor de scrollspy-pagina. Houd er rekening mee dat wanneer u door de pagina bladert, de juiste navigatielink wordt gemarkeerd. Het wordt herhaald in het hele componentvoorbeeld. We blijven hier nog wat voorbeeldkopieën toevoegen om het scrollen en markeren te benadrukken.

vierde rubriek

Dit is wat tijdelijke inhoud voor de scrollspy-pagina. Houd er rekening mee dat wanneer u door de pagina bladert, de juiste navigatielink wordt gemarkeerd. Het wordt herhaald in het hele componentvoorbeeld. We blijven hier nog wat voorbeeldkopieën toevoegen om het scrollen en markeren te benadrukken.

vijfde rubriek

Dit is wat tijdelijke inhoud voor de scrollspy-pagina. Houd er rekening mee dat wanneer u door de pagina bladert, de juiste navigatielink wordt gemarkeerd. Het wordt herhaald in het hele componentvoorbeeld. We blijven hier nog wat voorbeeldkopieën toevoegen om het scrollen en markeren te benadrukken.

Spinners

Documentatie
Bezig met laden...
Bezig met laden...
Bezig met laden...
Bezig met laden...
Bezig met laden...
Bezig met laden...
Bezig met laden...
Bezig met laden...
Bezig met laden...
Bezig met laden...
Bezig met laden...
Bezig met laden...
Bezig met laden...
Bezig met laden...
Bezig met laden...
Bezig met laden...

Toast

Documentatie

Knopinfo

Documentatie