BootstrapTahák

RTL cheatsheet

Obsah

Typografie

Dokumentace

Displej 1

Displej 2

Displej 3

Displej 4

Displej 5

Displej 6

Nadpis 1

Nadpis 2

Nadpis 3

Nadpis 4

Nadpis 5

Nadpis 6

Toto je úvodní odstavec. Vyčnívá z běžných odstavců.

Můžete použít značku markzvýraznittext.

Tento řádek textu má být považován za smazaný text.

Tento řádek textu má být považován za již nepřesný.

Tento řádek textu má být považován za doplněk k dokumentu.

Tento řádek textu se vykreslí jako podtržený.

Tento řádek textu má být považován za drobný tisk.

Tento řádek se vykreslí jako tučný text.

Tento řádek se vykreslí jako text psaný kurzívou.

Známý citát obsažený v prvku blockquote.

Někdo slavný v Source Title
  • Toto je seznam.
  • Působí zcela nestylově.
  • Strukturálně je to stále seznam.
  • Tento styl se však vztahuje pouze na bezprostřední podřízené prvky.
  • Vnořené seznamy:
    • nejsou tímto stylem ovlivněny
    • stále ukáže kulku
    • a mít odpovídající levý okraj
  • To se může v některých situacích stále hodit.
  • Toto je položka seznamu.
  • A ještě jeden.
  • Ale jsou zobrazeny inline.

snímky

Dokumentace
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

Tabulky

Dokumentace
# První Poslední Rukojeť
1 Označit Otto @mdo
2 Jacobe Thornton @Tlustý
3 Pták Larry @cvrlikání
# První Poslední Rukojeť
1 Označit Otto @mdo
2 Jacobe Thornton @Tlustý
3 Pták Larry @cvrlikání
Třída Nadpis Nadpis
Výchozí Buňka Buňka
Hlavní Buňka Buňka
Sekundární Buňka Buňka
Úspěch Buňka Buňka
Nebezpečí Buňka Buňka
Varování Buňka Buňka
Info Buňka Buňka
Světlo Buňka Buňka
Temný Buňka Buňka
# První Poslední Rukojeť
1 Označit Otto @mdo
2 Jacobe Thornton @Tlustý
3 Pták Larry @cvrlikání

Postavy

Dokumentace
Placeholder 400x300
Popisek k obrázku výše.

formuláře

Přehled

Dokumentace
Nikdy nebudeme sdílet váš e-mail s nikým jiným.
Tlačítka rádia

Zakázané formuláře

Dokumentace
Vypnutá tlačítka rádia

Dimenzování

Dokumentace

Vstupní skupina

Dokumentace
@
@example.com
https://example.com/users/
$ 0,00
S textovou oblastí

Plovoucí štítky

Dokumentace

Validace

Dokumentace
Vypadá dobře!
Vypadá dobře!
@
Vyberte prosím uživatelské jméno.
Zadejte prosím platné město.
Vyberte prosím platný stát.
Zadejte prosím platný zip.
Před odesláním musíte souhlasit.

Komponenty

Akordeon

Dokumentace

Toto je tělo harmoniky prvního předmětu. Ve výchozím nastavení je skrytý, dokud plugin pro sbalení nepřidá příslušné třídy, které používáme ke stylování jednotlivých prvků. Tyto třídy řídí celkový vzhled a také zobrazování a skrývání pomocí přechodů CSS. Cokoli z toho můžete upravit pomocí vlastních CSS nebo přepsáním našich výchozích proměnných. .accordion-bodyZa zmínku také stojí, že do , i když přechod omezuje přetečení, může jít téměř jakýkoli HTML .

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.

Toto je tělo harmoniky třetí položky. Ve výchozím nastavení je skrytý, dokud plugin pro sbalení nepřidá příslušné třídy, které používáme ke stylování jednotlivých prvků. Tyto třídy řídí celkový vzhled a také zobrazování a skrývání pomocí přechodů CSS. Cokoli z toho můžete upravit pomocí vlastních CSS nebo přepsáním našich výchozích proměnných. .accordion-bodyZa zmínku také stojí, že do , i když přechod omezuje přetečení, může jít téměř jakýkoli HTML .

Upozornění

Dokumentace

Odznak

Dokumentace

Příklad nadpisuNový

Příklad nadpisuNový

Příklad nadpisuNový

Příklad nadpisuNový

Příklad nadpisuNový

Příklad nadpisuNový

Příklad nadpisuNový

Příklad nadpisuNový

Hlavní Sekundární Úspěch Nebezpečí Varování Info Světlo Temný

Tlačítka

Dokumentace

Kartu

Dokumentace
Placeholder Image cap
Název karty

Několik rychlých příkladů textu, který bude stavět na názvu karty a tvoří většinu obsahu karty.

Jít někam
Nejlepší
Název karty

Několik rychlých příkladů textu, který bude stavět na názvu karty a tvoří většinu obsahu karty.

Jít někam
před 2 dny
Název karty

Několik rychlých příkladů textu, který bude stavět na názvu karty a tvoří většinu obsahu karty.

  • Předmět
  • Druhá položka
  • Třetí položka
Odkaz na kartu Další odkaz
Placeholder Image
Název karty

Toto je širší karta s podpůrným textem níže jako přirozený návod k dalšímu obsahu. Tento obsah je trochu delší.

Naposledy aktualizováno před 3 minutami

Seznam skupiny

Dokumentace
  • Zakázaná položka
  • Druhá položka
  • Třetí položka
  • Čtvrtá položka
  • A pátý
  • Předmět
  • Druhá položka
  • Třetí položka
  • Čtvrtá položka
  • A pátý
Jednoduchá výchozí položka skupiny seznamu Jednoduchá primární položka skupiny seznamu Jednoduchá sekundární položka skupiny seznamu Jednoduchá položka skupinového seznamu úspěšných Jednoduchá položka skupiny seznamu nebezpečí Jednoduchá položka skupiny seznamu varování Jednoduchá položka skupiny informačního seznamu Jednoduchý seznam skupinových položek Jednoduchá položka skupiny tmavého seznamu

Popovers

Dokumentace

Scrollspy

Dokumentace

První nadpis

Toto je nějaký zástupný obsah pro scrollspy stránku. Všimněte si, že při posouvání stránky dolů se zvýrazní příslušný navigační odkaz. Opakuje se v celém příkladu komponenty. Stále přidáváme další ukázkové kopie, abychom zdůraznili posouvání a zvýrazňování.

Druhý nadpis

Toto je nějaký zástupný obsah pro scrollspy stránku. Všimněte si, že při posouvání stránky dolů se zvýrazní příslušný navigační odkaz. Opakuje se v celém příkladu komponenty. Stále přidáváme další ukázkové kopie, abychom zdůraznili posouvání a zvýrazňování.

Třetí nadpis

Toto je nějaký zástupný obsah pro scrollspy stránku. Všimněte si, že při posouvání stránky dolů se zvýrazní příslušný navigační odkaz. Opakuje se v celém příkladu komponenty. Stále přidáváme další ukázkové kopie, abychom zdůraznili posouvání a zvýrazňování.

Čtvrtý nadpis

Toto je nějaký zástupný obsah pro scrollspy stránku. Všimněte si, že při posouvání stránky dolů se zvýrazní příslušný navigační odkaz. Opakuje se v celém příkladu komponenty. Stále přidáváme další ukázkové kopie, abychom zdůraznili posouvání a zvýrazňování.

Pátý nadpis

Toto je nějaký zástupný obsah pro scrollspy stránku. Všimněte si, že při posouvání stránky dolů se zvýrazní příslušný navigační odkaz. Opakuje se v celém příkladu komponenty. Stále přidáváme další ukázkové kopie, abychom zdůraznili posouvání a zvýrazňování.

Přadleny

Dokumentace

Toasty

Dokumentace

Popisky

Dokumentace