01
02
03
04
05
06
07
08
09
10
11
12
Šířka přes všech 12 sloupců je maximálně 1140 px (= i když bude širší monitor, web se už neroztáhne, po stranách zůstane bílé prázdno).
To znamená, že maximální šířka webu bude 1140 px, na ni je třeba vytvořit grafický návrh.
Layout by měl respektovat sloupce. To znamená, že se můžeme rozhodnout, že např. přes prvních 7 sloupců bude levý sloupec titulní strany a přes zbylých 5 sloupců bude pravý sloupec. Uvnitř takto vytvořených dvou sloupců vzniká v každém z nich nová mřížka dvanácti sloupců (to znamená, že uvnitř nich už neplatí mřížka rodičovského elementu).
Níže je naznačeno, jak se skokově změní šířka celého webu na zařízeních s menším displejem/rozlišením až po mobilní telefon (můžete vyzkoušet plynulým zmenšováním okna a sledováním sloupců nahoře). (Některé z mezikroků (breakpointů) lze vynechat, to teď neřeším.) Grafický návrh by měl řešit zejména dva extrémy: 1. zobrazení na telefonu (vše v jednom sloupci) a 2. zobrazení v maximální šířce (1140 px). Zobrazení „něco mezi“ budeme muset zřejmě řešit za pochodu podle toho, jak to bude vypadat (lze si představit například uspořádání, kde bude web začínat jedním sloupcem se zpravodajstvím, pod ním bude sport, policie a následně se pod tím bude pokračovat ve dvou sloupcích jedňáky a nějakými kostkami vedle sebe, newim, uvidíme, jak to bude vypadat). Zobrazení „něco mezi“ je důležité nejen pro tablety, ale taky pro lidi, kteří špatně vidí a mají měřítko celého Windows nastavené na 150 a více procent. (o;



