BootstrapCheatsheet

RTL Cheatsheet

Inhalter

Typographie

Dokumentatioun

Display 1

Display 2

Display 3

Display 4

Display 5

Display 6

Rubrik 1

Rubrik 2

Rubrik 3

Rubrik 4

Rubrik 5

Rubrik 6

Dëst ass e Lead Paragraph. Et ënnerscheet sech aus reguläre Paragrafen.

Dir kënnt d'Mark Tag benotzen firHighlightText.

Dës Zeil vum Text soll als geläscht Text behandelt ginn.

Dës Linn vum Text soll als net méi korrekt behandelt ginn.

Dës Zeil vum Text soll als Zousaz zum Dokument behandelt ginn.

Dës Zeil vum Text gëtt wéi ënnersträicht.

Dës Zeil vum Text soll als Feindréck behandelt ginn.

Dës Linn gëtt als fett Text gemaach.

Dës Linn gëtt als Kursiv Text gemaach.

E bekannten Zitat, an engem Blockquote Element enthale.

Een berühmten am Source Titel
  • Dëst ass eng Lëscht.
  • Et schéngt komplett unstyled.
  • Strukturell ass et nach ëmmer eng Lëscht.
  • Allerdéngs gëllt dëse Stil nëmme fir direkt Kannerelementer.
  • Nestéiert Lëschte:
    • sinn net vun dësem Stil beaflosst
    • wäert nach eng Kugel weisen
    • an hunn passenden lénks Spillraum
  • Dëst kann an e puer Situatiounen nach praktesch kommen.
  • Dëst ass eng Lëscht Element.
  • An nach een.
  • Awer si ginn inline ugewisen.

Biller

Dokumentatioun
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

Dëscher

Dokumentatioun
# Éischten Lescht Grëff
1 Mark Otto @mdo
2 Jakob Thornton @fett
3 Larry de Vugel @twitter
# Éischten Lescht Grëff
1 Mark Otto @mdo
2 Jakob Thornton @fett
3 Larry de Vugel @twitter
Klass Rubrik Rubrik
Default Zell Zell
Primär Zell Zell
Secondaire Zell Zell
Erfolleg Zell Zell
Gefor Zell Zell
Warnung Zell Zell
Info Zell Zell
Liicht Zell Zell
Däischter Zell Zell
# Éischten Lescht Grëff
1 Mark Otto @mdo
2 Jakob Thornton @fett
3 Larry de Vugel @twitter

Figuren

Dokumentatioun
Placeholder 400x300
En Iwwerschrëft fir dat uewe Bild.

Formen

Iwwersiicht

Dokumentatioun
Mir deelen Är E-Mail ni mat engem aneren.
Radio Knäppercher

Behënnert Formen

Dokumentatioun
Behënnert Radios Knäppercher

Gréisst

Dokumentatioun

Input Grupp

Dokumentatioun
@
@example.com
https://example.com/users/
$ .00
Mat Textberäich

Validatioun

Dokumentatioun
Gesäit gutt aus!
Gesäit gutt aus!
@
Wielt w.e.g. e Benotzernumm.
Gitt weg eng valabel Stad.
Wielt w.e.g. e gültege Staat.
Gitt w.e.g. eng valabel Zip.
Dir musst averstanen ier Dir ofgitt.

Komponenten

Akkordeon

Dokumentatioun

Dëst ass den éischten Element Akkordeon Kierper. Et ass par défaut verstoppt, bis de Zesummebroch Plugin déi entspriechend Klassen bäidréit, déi mir benotze fir all Element ze styléieren. Dës Klassen kontrolléieren d'Gesamt Erscheinung, souwéi d'Show a Verstoppen iwwer CSS Iwwergäng. Dir kënnt all dëst mat personaliséierten CSS änneren oder eis Standardvariablen iwwerschreiden. Et ass och derwäert ze notéieren datt bal all HTML bannent der .accordion-body, obwuel den Iwwergank den Iwwerfloss limitéiert.

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.

Dëst ass den drëtten Element Akkordeon Kierper. Et ass par défaut verstoppt, bis de Zesummebroch Plugin déi entspriechend Klassen bäidréit, déi mir benotze fir all Element ze styléieren. Dës Klassen kontrolléieren d'Gesamt Erscheinung, souwéi d'Show a Verstoppen iwwer CSS Iwwergäng. Dir kënnt all dëst mat personaliséierten CSS änneren oder eis Standardvariablen iwwerschreiden. Et ass och derwäert ze notéieren datt bal all HTML bannent der .accordion-body, obwuel den Iwwergank den Iwwerfloss limitéiert.

Alarmer

Dokumentatioun

Badge

Dokumentatioun

Beispill RubrikNei

Beispill RubrikNei

Beispill RubrikNei

Beispill RubrikNei

Beispill RubrikNei

Beispill RubrikNei

Beispill RubrikNei

Beispill RubrikNei

Primär Secondaire Erfolleg Gefor Warnung Info Liicht Däischter

Knäppercher

Dokumentatioun

Kaart

Dokumentatioun
Placeholder Image cap
Kaart Titel

E puer séier Beispill Text fir op de Kaarttitel ze bauen an de gréissten Deel vum Inhalt vun der Kaart auszemaachen.

Gitt iergendwou
Ausgezeechent
Kaart Titel

E puer séier Beispill Text fir op de Kaarttitel ze bauen an de gréissten Deel vum Inhalt vun der Kaart auszemaachen.

Gitt iergendwou
virun 2 Deeg
Kaart Titel

E puer séier Beispill Text fir op de Kaarttitel ze bauen an de gréissten Deel vum Inhalt vun der Kaart auszemaachen.

  • En Artikel
  • En zweeten Element
  • En drëtten Element
Card Link Anere Link
Placeholder Image
Kaart Titel

Dëst ass eng méi breet Kaart mat ënnerstëtzend Text hei ënnen als en natierleche Virsprong op zousätzlech Inhalt. Dësen Inhalt ass e bësse méi laang.

Fir d'lescht virun 3 Minutten aktualiséiert

Lëscht Grupp

Dokumentatioun
  • E behënnert Element
  • En zweeten Element
  • En drëtten Element
  • E véierten Element
  • An e fënneften
  • En Artikel
  • En zweeten Element
  • En drëtten Element
  • E véierten Element
  • An e fënneften
Eng einfach Standard Lëscht Grupp Element Eng einfach Primärlëscht Grupp Element En einfache Secondaire Lëscht Grupp Element Eng einfach Erfolleg Lëscht Grupp Element Eng einfach Gefor Lëscht Grupp Element Eng einfach Warnung Lëscht Grupp Element Eng einfach Info Lëscht Grupp Element Eng einfach Luucht Lëscht Grupp Element Eng einfach donkel Lëscht Grupp Element

Popovers

Dokumentatioun

Scrollspy

Dokumentatioun

Éischt Rubrik

Dëst ass e puer Plazhalter Inhalt fir d'Scrollspy Säit. Notéiert datt wann Dir op d'Säit scrollt, gëtt de passende Navigatiounslink markéiert. Et gëtt am ganze Komponent Beispill widderholl. Mir addéiere weider e puer Beispillkopie hei fir d'Scrollen an d'Highlighten ze ënnersträichen.

Zweet Rubrik

Dëst ass e puer Plazhalter Inhalt fir d'Scrollspy Säit. Notéiert datt wann Dir op d'Säit scrollt, gëtt de passende Navigatiounslink markéiert. Et gëtt am ganze Komponent Beispill widderholl. Mir addéiere weider e puer Beispillkopie hei fir d'Scrollen an d'Highlighten ze ënnersträichen.

Drëtt Rubrik

Dëst ass e puer Plazhalter Inhalt fir d'Scrollspy Säit. Notéiert datt wann Dir op d'Säit scrollt, gëtt de passende Navigatiounslink markéiert. Et gëtt am ganze Komponent Beispill widderholl. Mir addéiere weider e puer Beispillkopie hei fir d'Scrollen an d'Highlighten ze ënnersträichen.

Véiert Rubrik

Dëst ass e puer Plazhalter Inhalt fir d'Scrollspy Säit. Notéiert datt wann Dir op d'Säit scrollt, gëtt de passende Navigatiounslink markéiert. Et gëtt am ganze Komponent Beispill widderholl. Mir addéiere weider e puer Beispillkopie hei fir d'Scrollen an d'Highlighten ze ënnersträichen.

Fënneften Rubrik

Dëst ass e puer Plazhalter Inhalt fir d'Scrollspy Säit. Notéiert datt wann Dir op d'Säit scrollt, gëtt de passende Navigatiounslink markéiert. Et gëtt am ganze Komponent Beispill widderholl. Mir addéiere weider e puer Beispillkopie hei fir d'Scrollen an d'Highlighten ze ënnersträichen.

Spinner

Dokumentatioun

Toasts

Dokumentatioun

Tooltips

Dokumentatioun