Typografie
Ikony (.icon)
| Náhled | Třída CSS |
|---|---|
| .icon-star | |
| .icon-trophy | |
| .icon-bolt | |
| .icon-user | |
| .icon-search | |
| .icon-chart-line | |
| .icon-inbox | |
| .icon-bars | |
| .icon-camera | |
| .icon-drbna | |
| .icon-sun | |
| .icon-ok | |
| .icon-hvezda | |
| .icon-soutez | |
| .icon-home | |
| .icon-factory | |
| .icon-comment | |
| .icon-comments | |
| .icon-angle-left | |
| .icon-angle-right | |
| .icon-angle-up | |
| .icon-angle-down | |
| .icon-lock-open | |
| .icon-instagram | |
| .icon-moon | |
| .icon-facebook | |
| .icon-map-signs | |
| .icon-handshake | |
| .icon-korona |
Nadpisy
Nadpis první úrovně (.h1)
Nadpis druhé úrovně (.h2)
Nadpis třetí úrovně (.h3)
Nadpis čtvrté úrovně (.h4)
Nadpis páté úrovně (.h5)
Nadpis šesté úrovně (.h6)
Odstavec textu (<p>)
Vítr skoro nefouká a tak by se na první pohled mohlo zdát, že se balónky snad vůbec nepohybují. Jenom tak klidně levitují ve vzduchu. Jelikož slunce jasně září a na obloze byste od východu k západu hledali mráček marně, balónky působí jako jakási fata morgána uprostřed pouště. Zkrátka široko daleko nikde nic, jen zelenkavá tráva, jasně modrá obloha a tři křiklavě barevné pouťové balónky, které se téměř nepozorovatelně pohupují ani ne moc vysoko, ani moc nízko nad zemí. Kdyby pod balónky nebyla sytě zelenkavá tráva, ale třeba suchá silnice či beton, možná by bylo vidět jejich barevné stíny - to jak přes poloprůsvitné barevné balónky prochází ostré sluneční paprsky.
Barvy textu
Jenom tak klidně levitují ve vzduchu. (.text-primary)
Jenom tak klidně levitují ve vzduchu. (.text-secondary)
Jenom tak klidně levitují ve vzduchu. (.text-success)
Jenom tak klidně levitují ve vzduchu. (.text-info)
Jenom tak klidně levitují ve vzduchu. (.text-warning)
Jenom tak klidně levitují ve vzduchu. (.text-danger)
Jenom tak klidně levitují ve vzduchu. (.text-light)
Jenom tak klidně levitují ve vzduchu. (.text-dark)
Jenom tak klidně levitují ve vzduchu. (.text-white)
Jenom tak klidně levitují ve vzduchu. (.text-body)
Jenom tak klidně levitují ve vzduchu. (.text-muted)
Jenom tak klidně levitují ve vzduchu. (.text-black-50)
Jenom tak klidně levitují ve vzduchu. (.text-white-50)
Barva pozadí
Jenom tak klidně levitují ve vzduchu. (.bg-primary)
Jenom tak klidně levitují ve vzduchu. (.bg-secondary)
Jenom tak klidně levitují ve vzduchu. (.bg-success)
Jenom tak klidně levitují ve vzduchu. (.bg-info)
Jenom tak klidně levitují ve vzduchu. (.bg-warning)
Jenom tak klidně levitují ve vzduchu. (.bg-danger)
Jenom tak klidně levitují ve vzduchu. (.bg-light)
Jenom tak klidně levitují ve vzduchu. (.bg-dark)
Jenom tak klidně levitují ve vzduchu. (.bg-white)
Jenom tak klidně levitují ve vzduchu. (.bg-transparent)
Tlačítka .btn
Velikost .sm
.btn-link .btn-primary .btn-secondary .btn-warning .btn-info .btn-danger .btn-success .btn-light .btn-dark
Velikost medium
.btn-link .btn-primary .btn-secondary .btn-warning .btn-info .btn-danger .btn-success .btn-light .btn-dark
Velikost .lg
.btn-link .btn-primary .btn-secondary .btn-warning .btn-info .btn-danger .btn-success .btn-light .btn-dark
Outline
.btn-outline-primary .btn-outline-secondary .btn-outline-warning .btn-outline-info .btn-outline-danger .btn-outline-success .btn-outline-light .btn-outline-dark
Tabulky
Základní (.table)
| # | Jméno | Příjmení |
|---|---|---|
| 1 | Václav | Foobar |
| 2 | Jan | Foobar |
| 3 | Milan | Foobar |
Pruhovaná (.table-striped)
| # | Jméno | Příjmení |
|---|---|---|
| 1 | Václav | Foobar |
| 2 | Jan | Foobar |
| 3 | Milan | Foobar |
Orámovaná (.table-bordered)
| # | Jméno | Příjmení |
|---|---|---|
| 1 | Václav | Foobar |
| 2 | Jan | Foobar |
| 3 | Milan | Foobar |
Bez ohraničení (.table-borderless)
| # | Jméno | Příjmení |
|---|---|---|
| 1 | Václav | Foobar |
| 2 | Jan | Foobar |
| 3 | Milan | Foobar |
Menší tabulka (.table-sm)
| # | Jméno | Příjmení |
|---|---|---|
| 1 | Václav | Foobar |
| 2 | Jan | Foobar |
| 3 | Milan | Foobar |
Seznamy
Nečíslovaný seznam (<ul>)
- Položka seznamu
- Položka seznamu
- Položka seznamu
- Položka seznamu
Číslovaný seznam (<ol>)
- Položka seznamu
- Položka seznamu
- Položka seznamu
- Položka seznamu
Systémové zprávy
Primární zpráva odkazem. (.alert-primary)
Sekundární zpráva odkazem. (.alert-secondary)
Chybová zpráva s odkazem. (.alert-danger)
Info zpráva s odkazem. (.alert-info)
Úspěšně zpracováno s odkazem. (.alert-success)
Pozor stránka se přesunula na odkaz. (.alert-warning)
Světlá zpráva odkazem. (.alert-light)
Tmavá zpráva odkazem. (.alert-dark)
Obrázky
Responzivní obrázky (.img-fluid)
Náhledový obrázek (.img-thumbnail)
Embedy
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>
Poměr stran
21:9 (.embed-responsive-21by9)
16:9 (.embed-responsive-16by9)
4:3 (.embed-responsive-4by3)
1:1 (.embed-responsive-1by1)
Formuláře
Základní formulář
Velikosti polí
Custom pole formuláře
Range
Stránkování
Fancybox
Jedna fotka
Galerie
