Bootstrap

HTML a CSS Bootstrap American English version English version

Úvod do CSS frameworku Bootstrap

Lekce 1 - Úvod do CSS frameworku Bootstrap

Úvod do nejpopulárnějšího CSS frameworku vysvětlí proč bychom měli frameworky používat, vytvoříme první stránku a řekneme si kde najít šablony zdarma.
ZdarmaNapsal David Čápka
Bootstrap - Reboot

Lekce 2 - Bootstrap - Reboot

V tutoriálu si popíšeme jak Reboot resetuje výchozí CSS styly a jaké konvence bychom měli při práci s CSS frameworkem Bootstrap dodržovat.
ZdarmaNapsal David Čápka
Bootstrap - Typografie

Lekce 3 - Bootstrap - Typografie

V tutoriálu si zmíníme první Bootstrap třídy, kterými explicitně stylujeme nadpisy a podnadpisy, citace, zkratky a seznamy. Seznámíme se s utility třídami.
ZdarmaNapsal David Čápka
Bootstrap - Obrázky

Lekce 4 - Bootstrap - Obrázky

V tutoriálu si detailně popíšeme stylování obrázků pomocí CSS frameworku Bootstrap včetně responzivity, rámečků, obtékání, centrování a popisků.
ZdarmaNapsal David Čápka
Bootstrap - Tabulky

Lekce 5 - Bootstrap - Tabulky

V CSS tutoriálu si popíšeme jak stylovat tabulky pomocí tříd frameworku Bootstrap, ukážeme si rámečky, pruhování, barvy a responzivní styly.
ZdarmaNapsal David Čápka
Bootstrap - Tlačítka

Lekce 6 - Bootstrap - Tlačítka

Tutoriál CSS frameworku Bootstrap o tlačítkách (buttons). Obrysy, různé velikosti a barvy, neaktivní tlačítka, dropdowns, vypínače, skupiny a další.
ZdarmaNapsal David Čápka
Bootstrap - Formuláře

Lekce 7 - Bootstrap - Formuláře

Stylování formulářů a všech formulářových prvků objasní tento tutoriál CSS frameworku Bootstrap. Ukážeme si i použití gridu nebo vložení formů do řádku.
ZdarmaNapsal David Čápka
Bootstrap - Další možnosti formulářů

Lekce 8 - Bootstrap - Další možnosti formulářů

V CSS tutoriálu se naučíme jak v Bootstrapu na vlastní klientské validace formulářů, vlastní styly checkboxů, selectů a radiobuttonů a skupiny inputů.
ZdarmaNapsal David Čápka
Bootstrap - Jumbotron a Badges

Lekce 9 - Bootstrap - Jumbotron a Badges

Bootstrap tutoriál představí komponentu Jumbotron a používání štítků/tagů/odznaků badges v HTML nadpisech a tlačítkách.
ZdarmaNapsal David Čápka
Bootstrap - List groups

Lekce 10 - Bootstrap - List groups

V tutoriálu CSS frameworku Bootstrap představíme list groups, seznamové skupiny a jak se používají s odkazy, tlačítky, odznaky a taby.
ZdarmaNapsal David Čápka
Bootstrap - Karty

Lekce 11 - Bootstrap - Karty

Karty slouží v CSS frameworku Bootstrap jako univerzální kontejnery. Tutoriál předvádí různá použití jako produktu e-shopu, obrázkového pozadí nebo zdí.
ZdarmaNapsal David Čápka
Bootstrap - Carousely a Progress

Lekce 12 - Bootstrap - Carousely a Progress

V tutoriálu si představíme komponenty CSS frameworku Bootstrap Carousel pro animování slajdů a Progress pro zobrazení indikátorů postupu.
ZdarmaNapsal David Čápka
Bootstrap - Collapse a Accordion

Lekce 13 - Bootstrap - Collapse a Accordion

Sbalovací/rozbalovací obsah komponent Collapse a harmoniky Accordion popisuje podrobný tutoriál CSS frameworku Bootstrap.
Sekce
0
Bootstrap - Dropdowns

Lekce 14 - Bootstrap - Dropdowns

V tutoriálu si popíšeme rozbalovací tlačítka, která jsou v CSS frameworku Bootstrap reprezentována jako komponenta Dropdown.
ZdarmaNapsal David Čápka
Bootstrap - Navigace

Lekce 15 - Bootstrap - Navigace

V tutoriálu se naučíme stylovat navigaci a to včetně dynamických záložek v CSS frameworku Bootstrap.
ZdarmaNapsal David Čápka
Bootstrap - Navigační lišta

Lekce 16 - Bootstrap - Navigační lišta

CSS tutoriál navazuje na předchozí lekci o navigaci a předvádí jak napsat responzivní navigační lištu v CSS frameworku Bootstrap.
ZdarmaNapsal David Čápka
Bootstrap - Paginace, Upozornění a Drobečková navigace

Lekce 17 - Bootstrap - Paginace, Upozornění a Drobečková navigace

Komponenty Pagination, Alerts a Breadcrumb si podrobně popíšeme v dalším tutoriálu o populárním CSS frameworku Bootstrap.
ZdarmaNapsal David Čápka
Bootstrap - Modální dialogy

Lekce 18 - Bootstrap - Modální dialogy

V tutoriálu Bootstrap CSS frameworku si ukážeme jak vkládat modální dialogy, jak předvyplňovat jejich data a také jak je ovládat přímo z JavaScriptu.
ZdarmaNapsal David Čápka
Bootstrap - Popovers

Lekce 19 - Bootstrap - Popovers

V CSS frameworku Bootstrap se v tomto tutoriálu naučíme používat tzv. Popovers, které byly přejaty z iOS a fungují jako informační bubliny.
ZdarmaNapsal David Čápka
Bootstrap - Scrollspy

Lekce 20 - Bootstrap - Scrollspy

Bootstrap Skrolovací špion umožňuje automaticky přepínat aktivní tlačítka na navigaci podle toho v jaké části stránky se nacházíme.
ZdarmaNapsal David Čápka
Bootstrap - Tooltipy

Lekce 21 - Bootstrap - Tooltipy

Tooltipy, jejich inicializace a ovládání JavaScriptem, to je to, co se naučíte v tomto tutoriálu CSS frameworku Bootstrap.
ZdarmaNapsal David Čápka
Bootstrap - Utilities

Lekce 22 - Bootstrap - Utilities

Display, responzivní videa s dodržením poměru stran, nahrazení textu obrázkem, změna pozice, hlasové čtečky, změna velikosti, odsazení, zarovnání.
ZdarmaNapsal David Čápka
Bootstrap - Flex utilities

Lekce 23 - Bootstrap - Flex utilities

V tutoriálu CSS frameworku Bootstrap započneme flex utilities, které slouží k pohodlnému využívání flexboxu. Naučíme se směry a různá zarovnání.
ZdarmaNapsal David Čápka
Bootstrap - Flex utilities podruhé

Lekce 24 - Bootstrap - Flex utilities podruhé

V tutoriálu CSS frameworku Bootstrap dokončíme flex utilities, které slouží k pohodlnému využívání flexboxu. Naučíme se zalamování, pořadí a zarovnávání.
ZdarmaNapsal David Čápka
Bootsrap - Multimediální objekty a kontejnery

Lekce 25 - Bootsrap - Multimediální objekty a kontejnery

Mediální objekty na statusy a komentáře a kontejnery v CSS frameworku Bootstrap budou představeny tímto tutoriálem.
ZdarmaNapsal David Čápka
Bootstrap - Úvod do grid systémů

Lekce 26 - Bootstrap - Úvod do grid systémů

V tutoriálu si vysvětlíme proč obsah webu rozdělit do pomyslné mřížky, proč k tomu nepoužívat element table a jak fungují grid systémy.
ZdarmaNapsal David Čápka
Bootstrap - Grid systém Bootstrapu

Lekce 27 - Bootstrap - Grid systém Bootstrapu

V posledním tutoriálu dokončíme svou znalost CSS frameworku Bootstrap detailním popisem jeho grid systému včetně živých ukázek.
ZdarmaNapsal David Čápka


 

Aktivity (1)