Bootstrap 2

37. hodina WBA

Matěj Cajthaml — SSPŠ

Opakování

K čemu slouží atribut value na prvku formuláře?

Jaké známe obrazce v obrázkových mapách?

Co vše určuje URL? Jaké jsou části URL? Jsou povinné?

Jak funguje pozicování typu absolute?

Co je to selektor přímý dědic? Co dělá?

Co je to framework?

Jak se liší od Bootstrapu?

Máte nějaké problémy s Bootstrapem?

Responzivita v Boostrapu

Bootstrap má připravených 6 různých breakpointů
breakpoint = místo zlomu, kde nastává responzivita
ty používáme s grid systémem a dalšími komponentami

Breakpointy

Název	Zápis	Velikosti
Extra small		≤ 576px
Small	sm	≥ 576px
Medium	md	≥ 768px
Large	lg	≥ 992px
Extra large	xl	≥ 1200px
Extra extra large	xxl	≥ 1400px

Responzivita kontejneru

na kontejneru můžeme aplikovat různé zalomení
zalomení určí kdy kontejner začne zabírat celou stránku
např. container, container-xl

Responzivita grid systému

jednotlivým sloupcům můžeme změnit velikost na zlomu
např. col-2 col-xl-8, col-12 col-md-6 col-lg-4 col-xxl-3

Další frameworky

Frameworky

Práce

Vyberte si jeden z výše uvedených frameworků (vyjma Materail Designu) a vytvořte pomocí dokumentace nějaký web. Zjistěte něco zajimavého o daném frameworku.

Děkuji za pozornost!

matej.cajthaml@ssps.cz
https://ssps.cajthaml.eu/