BootstrapSpickzettel

RTL-Spickzettel

Inhalt

Typografie

Dokumentation

Anzeige 1

Anzeige 2

Anzeige 3

Anzeige 4

Anzeige 5

Anzeige 6

Überschrift 1

Überschrift 2

Überschrift 3

Überschrift 4

Überschrift 5

Überschrift 6

Dies ist ein Leitsatz. Es hebt sich von normalen Absätzen ab.

Sie können das Markierungs-Tag verwendenMarkierenText.

Diese Textzeile soll als gelöschter Text behandelt werden.

Diese Textzeile soll als nicht mehr zutreffend behandelt werden.

Diese Textzeile ist als Ergänzung zum Dokument zu behandeln.

Diese Textzeile wird unterstrichen dargestellt.

Diese Textzeile ist als Kleingedrucktes zu behandeln.

Diese Zeile wird als fetter Text dargestellt.

Diese Zeile wird als kursiver Text dargestellt.

Ein bekanntes Zitat, das in einem Blockquote-Element enthalten ist.

Jemand, der in Source Title berühmt ist
  • Dies ist eine Liste.
  • Es wirkt völlig ungestylt.
  • Strukturell ist es immer noch eine Liste.
  • Dieser Stil gilt jedoch nur für unmittelbar untergeordnete Elemente.
  • Verschachtelte Listen:
    • sind von diesem Stil nicht betroffen
    • zeigt immer noch eine Kugel
    • und haben einen angemessenen linken Rand
  • Dies kann in einigen Situationen immer noch nützlich sein.
  • Dies ist ein Listenelement.
  • Und noch einer.
  • Aber sie werden inline angezeigt.

Bilder

Dokumentation
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

Tische

Dokumentation
# Zuerst Letzte Handhaben
1 Markieren Otto @mdo
2 Jacob Dornton @fett
3 Larry der Vogel @twitter
# Zuerst Letzte Handhaben
1 Markieren Otto @mdo
2 Jacob Dornton @fett
3 Larry der Vogel @twitter
Klasse Überschrift Überschrift
Standard Zelle Zelle
Primär Zelle Zelle
Sekundär Zelle Zelle
Erfolg Zelle Zelle
Achtung Zelle Zelle
Warnung Zelle Zelle
Die Info Zelle Zelle
Licht Zelle Zelle
Dunkel Zelle Zelle
# Zuerst Letzte Handhaben
1 Markieren Otto @mdo
2 Jacob Dornton @fett
3 Larry der Vogel @twitter

Zahlen

Dokumentation
Placeholder 400x300
Eine Beschriftung für das obige Bild.

Formen

Überblick

Dokumentation
Wir werden Ihre E-Mail-Adresse niemals an Dritte weitergeben.
Radios-Tasten

Deaktivierte Formulare

Dokumentation
Radios-Buttons deaktiviert

Dimensionierung

Dokumentation

Eingangsgruppe

Dokumentation
@
@beispiel.com
https://example.com/users/
$ .00
Mit Textfeld

Validierung

Dokumentation
Sieht gut aus!
Sieht gut aus!
@
Bitte wählen Sie einen Benutzernamen.
Bitte geben Sie eine gültige Stadt an.
Bitte wählen Sie ein gültiges Bundesland aus.
Bitte geben Sie eine gültige Postleitzahl an.
Sie müssen vor dem Absenden zustimmen.

Komponenten

Akkordeon

Dokumentation

Dies ist der Akkordeonkörper des ersten Elements. Es ist standardmäßig ausgeblendet, bis das Collapse-Plugin die entsprechenden Klassen hinzufügt, die wir verwenden, um jedes Element zu stylen. Diese Klassen steuern das Gesamterscheinungsbild sowie das Ein- und Ausblenden über CSS-Übergänge. Sie können all dies mit benutzerdefiniertem CSS ändern oder unsere Standardvariablen überschreiben. Es ist auch erwähnenswert, dass fast jeder HTML-Code in die eingefügt werden kann .accordion-body, obwohl der Übergang den Überlauf begrenzt.

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.

Dies ist der Akkordeonkörper des dritten Elements. Es ist standardmäßig ausgeblendet, bis das Collapse-Plugin die entsprechenden Klassen hinzufügt, die wir verwenden, um jedes Element zu stylen. Diese Klassen steuern das Gesamterscheinungsbild sowie das Ein- und Ausblenden über CSS-Übergänge. Sie können all dies mit benutzerdefiniertem CSS ändern oder unsere Standardvariablen überschreiben. Es ist auch erwähnenswert, dass fast jeder HTML-Code in die eingefügt werden kann .accordion-body, obwohl der Übergang den Überlauf begrenzt.

Warnungen

Dokumentation

Abzeichen

Dokumentation

BeispielüberschriftNeu

BeispielüberschriftNeu

BeispielüberschriftNeu

BeispielüberschriftNeu

BeispielüberschriftNeu

BeispielüberschriftNeu

BeispielüberschriftNeu

BeispielüberschriftNeu

Primär Sekundär Erfolg Achtung Warnung Die Info Licht Dunkel

Tasten

Dokumentation

Karte

Dokumentation
Placeholder Image cap
Kartentitel

Ein kurzer Beispieltext, der auf dem Kartentitel aufbaut und den Großteil des Inhalts der Karte ausmacht.

Irgendwohin gehen
Hervorgehoben
Kartentitel

Ein kurzer Beispieltext, der auf dem Kartentitel aufbaut und den Großteil des Inhalts der Karte ausmacht.

Irgendwohin gehen
Vor 2 Tagen
Kartentitel

Ein kurzer Beispieltext, der auf dem Kartentitel aufbaut und den Großteil des Inhalts der Karte ausmacht.

  • Ein Gegenstand
  • Ein zweiter Artikel
  • Ein dritter Artikel
Kartenlink Ein weiterer Link
Placeholder Image
Kartentitel

Dies ist eine breitere Karte mit unterstützendem Text unten als natürlicher Einstieg in zusätzliche Inhalte. Dieser Inhalt ist etwas länger.

Zuletzt aktualisiert vor 3 Minuten

Gruppe auflisten

Dokumentation
  • Ein deaktiviertes Element
  • Ein zweiter Artikel
  • Ein dritter Artikel
  • Ein vierter Artikel
  • Und eine fünfte
  • Ein Gegenstand
  • Ein zweiter Artikel
  • Ein dritter Artikel
  • Ein vierter Artikel
  • Und eine fünfte
Ein einfaches Standardlistengruppenelement Ein einfaches primäres Listengruppenelement Ein einfaches sekundäres Listengruppenelement Ein einfaches Erfolgslisten-Gruppenelement Ein einfaches Gruppenelement der Gefahrenliste Ein einfaches Warnlisten-Gruppenelement Ein einfaches Infolisten-Gruppenelement Ein einfaches Gruppenelement für leichte Listen Ein einfaches Gruppenelement der dunklen Liste

Popovers

Dokumentation

Scrollspy

Dokumentation

Erste Überschrift

Dies ist ein Platzhalterinhalt für die Scrollspy-Seite. Beachten Sie, dass beim Herunterscrollen der Seite der entsprechende Navigationslink hervorgehoben wird. Es wird im gesamten Komponentenbeispiel wiederholt. Wir fügen hier immer wieder weitere Beispieltexte hinzu, um das Scrollen und Hervorheben hervorzuheben.

Zweite Überschrift

Dies ist ein Platzhalterinhalt für die Scrollspy-Seite. Beachten Sie, dass beim Herunterscrollen der Seite der entsprechende Navigationslink hervorgehoben wird. Es wird im gesamten Komponentenbeispiel wiederholt. Wir fügen hier immer wieder weitere Beispieltexte hinzu, um das Scrollen und Hervorheben hervorzuheben.

Dritte Überschrift

Dies ist ein Platzhalterinhalt für die Scrollspy-Seite. Beachten Sie, dass beim Herunterscrollen der Seite der entsprechende Navigationslink hervorgehoben wird. Es wird im gesamten Komponentenbeispiel wiederholt. Wir fügen hier immer wieder weitere Beispieltexte hinzu, um das Scrollen und Hervorheben hervorzuheben.

Vierte Überschrift

Dies ist ein Platzhalterinhalt für die Scrollspy-Seite. Beachten Sie, dass beim Herunterscrollen der Seite der entsprechende Navigationslink hervorgehoben wird. Es wird im gesamten Komponentenbeispiel wiederholt. Wir fügen hier immer wieder weitere Beispieltexte hinzu, um das Scrollen und Hervorheben hervorzuheben.

Fünfte Überschrift

Dies ist ein Platzhalterinhalt für die Scrollspy-Seite. Beachten Sie, dass beim Herunterscrollen der Seite der entsprechende Navigationslink hervorgehoben wird. Es wird im gesamten Komponentenbeispiel wiederholt. Wir fügen hier immer wieder weitere Beispieltexte hinzu, um das Scrollen und Hervorheben hervorzuheben.

Spinner

Dokumentation

Toast

Dokumentation

Kurzinfos

Dokumentation