BootstrapSpykbriefke

RTL cheatsheet

Ynhâld

Typografy

Dokumintaasje

Display 1

Display 2

Display 3

Display 4

Display 5

Display 6

Koptekst 1

Koptekst 2

Opskrift 3

Opskrift 4

Opskrift 5

Opskrift 6

Dit is in lead paragraaf. It stiet út fan reguliere paragrafen.

Jo kinne de markearring brûke omhichtepunttekst.

Dizze rigel tekst is bedoeld om behannele te wurden as wiske tekst.

Dizze rigel tekst is bedoeld om behannele te wurden as net mear akkuraat.

Dizze rigel tekst is bedoeld om behannele te wurden as in tafoeging oan it dokumint.

Dizze rigel tekst sil werjaan as ûnderstreke.

Dizze rigel tekst is bedoeld om behannele te wurden as lytse print.

Dizze rigel werjûn as fet tekst.

Dizze rigel werjûn as kursive tekst.

In bekend sitaat, befette yn in blokquote-elemint.

Immen ferneamd yn Boarne Titel
  • Dit is in list.
  • It liket folslein unstyled.
  • Struktureel is it noch in list.
  • Dizze styl jildt lykwols allinich foar direkte berneleminten.
  • Nested listen:
    • wurde net beynfloede troch dizze styl
    • sil noch in kûgel sjen litte
    • en hawwe passende linker marzje
  • Dit kin yn guon situaasjes noch fan pas komme.
  • Dit is in list item.
  • En noch ien.
  • Mar se wurde ynline werjûn.

Ofbyldings

Dokumintaasje
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

Tabellen

Dokumintaasje
# Earste Lêst Handle
1 Merk Otto @mdo
2 Jacob Thornton @fet
3 Larry de Fûgel @twitter
# Earste Lêst Handle
1 Merk Otto @mdo
2 Jacob Thornton @fet
3 Larry de Fûgel @twitter
Klasse Heading Heading
Standert Sel Sel
Primêr Sel Sel
Sekundêr Sel Sel
Sukses Sel Sel
Gefaar Sel Sel
Warskôging Sel Sel
Info Sel Sel
Ljocht Sel Sel
Tsjuster Sel Sel
# Earste Lêst Handle
1 Merk Otto @mdo
2 Jacob Thornton @fet
3 Larry de Fûgel @twitter

Figures

Dokumintaasje
Placeholder 400x300
In byskrift foar de boppesteande ôfbylding.

Formulieren

Oersicht

Dokumintaasje
Wy sille jo e-post nea diele mei in oar.
Radio knoppen

Utskeakele formulieren

Dokumintaasje
Utskeakele radios knoppen

Sizing

Dokumintaasje

Ynput groep

Dokumintaasje
@
@foarbyld.com
https://example.com/users/
$ .00
Mei tekstgebiet

Validaasje

Dokumintaasje
Sjocht der goed út!
Sjocht der goed út!
@
Kies in brûkersnamme.
Jou asjebleaft in jildige stêd.
Selektearje asjebleaft in jildige steat.
Jou asjebleaft in jildige zip.
Jo moatte akkoard wêze foardat jo yntsjinje.

Components

Akkordeon

Dokumintaasje

Dit is it earste item syn akkordeon lichem. It is standert ferburgen, oant it ynstoartplugin de passende klassen tafoeget dy't wy brûke om elk elemint te stylearjen. Dizze klassen kontrolearje it algemiene uterlik, lykas it sjen en ferbergjen fia CSS-transysjes. Jo kinne elk fan dit wizigje mei oanpaste CSS of ús standertfariabelen oerskriuwe. It is ek de muoite wurdich op te merken dat sawat elke HTML binnen de .accordion-body, hoewol de oergong de oerstreaming beheint.

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 it akkordeonlichem fan it tredde item. It is standert ferburgen, oant it ynstoartplugin de passende klassen tafoeget dy't wy brûke om elk elemint te stylearjen. Dizze klassen kontrolearje it algemiene uterlik, lykas it sjen en ferbergjen fia CSS-transysjes. Jo kinne elk fan dit wizigje mei oanpaste CSS of ús standertfariabelen oerskriuwe. It is ek de muoite wurdich op te merken dat sawat elke HTML binnen de .accordion-body, hoewol de oergong de oerstreaming beheint.

Alerts

Dokumintaasje

Badge

Dokumintaasje

Foarbyld headingNij

Foarbyld headingNij

Foarbyld headingNij

Foarbyld headingNij

Foarbyld headingNij

Foarbyld headingNij

Foarbyld headingNij

Foarbyld headingNij

Primêr Sekundêr Sukses Gefaar Warskôging Info Ljocht Tsjuster

Knoppen

Dokumintaasje

Kaart

Dokumintaasje
Placeholder Image cap
Kaart titel

Guon rappe foarbyldtekst om op 'e kaarttitel te bouwen en it grutste part fan' e kaartynhâld út te meitsjen.

Earne hinne gean
Featured
Kaart titel

Guon rappe foarbyldtekst om op 'e kaarttitel te bouwen en it grutste part fan' e kaartynhâld út te meitsjen.

Earne hinne gean
2 dagen lyn
Kaart titel

Guon rappe foarbyldtekst om op 'e kaarttitel te bouwen en it grutste part fan' e kaartynhâld út te meitsjen.

  • In item
  • In twadde item
  • In tredde item
Card link In oare keppeling
Placeholder Image
Kaart titel

Dit is in bredere kaart mei ûndersteande tekst as in natuerlike oanlieding foar ekstra ynhâld. Dizze ynhâld is in bytsje langer.

Lêst bywurke 3 minuten lyn

List groep

Dokumintaasje
  • In útskeakele item
  • In twadde item
  • In tredde item
  • In fjirde item
  • En in fyfde
  • In item
  • In twadde item
  • In tredde item
  • In fjirde item
  • En in fyfde
In ienfâldich standert list groep item In ienfâldich primêre list groep item In ienfâldich sekondêre list groep item In ienfâldige súkseslist groep item In ienfâldich groep item foar gefaarlist In ienfâldige warskôgingslist groep item In ienfâldich ynfo list groep item In ienfâldich ljocht list groep item In ienfâldige donkere list groep item

Popovers

Dokumintaasje

Scrollspy

Dokumintaasje

Earste kop

Dit is wat plakhâlder ynhâld foar de scrollspy side. Tink derom dat as jo de side nei ûnderen rôlje, wurdt de passende navigaasjekeppeling markearre. It wurdt werhelle troch it komponint foarbyld. Wy bliuwe hjir wat mear foarbyldkopie taheakje om it rôljen en markearjen te beklamjen.

Twadde kop

Dit is wat plakhâlder ynhâld foar de scrollspy side. Tink derom dat as jo de side nei ûnderen rôlje, wurdt de passende navigaasjekeppeling markearre. It wurdt werhelle troch it komponint foarbyld. Wy bliuwe hjir wat mear foarbyldkopie taheakje om it rôljen en markearjen te beklamjen.

Tredde kop

Dit is wat plakhâlder ynhâld foar de scrollspy side. Tink derom dat as jo de side nei ûnderen rôlje, wurdt de passende navigaasjekeppeling markearre. It wurdt werhelle troch it komponint foarbyld. Wy bliuwe hjir wat mear foarbyldkopie taheakje om it rôljen en markearjen te beklamjen.

Fjirde kop

Dit is wat plakhâlder ynhâld foar de scrollspy side. Tink derom dat as jo de side nei ûnderen rôlje, wurdt de passende navigaasjekeppeling markearre. It wurdt werhelle troch it komponint foarbyld. Wy bliuwe hjir wat mear foarbyldkopie taheakje om it rôljen en markearjen te beklamjen.

Fyfde kop

Dit is wat plakhâlder ynhâld foar de scrollspy side. Tink derom dat as jo de side nei ûnderen rôlje, wurdt de passende navigaasjekeppeling markearre. It wurdt werhelle troch it komponint foarbyld. Wy bliuwe hjir wat mear foarbyldkopie taheakje om it rôljen en markearjen te beklamjen.

Spinners

Dokumintaasje

Toasts

Dokumintaasje

Tooltips

Dokumintaasje