Poznámka: Tento průvodce je určen pro starší InstantSite zakoupené před 18. srpnem 2020. Pokud máte náš nový InstantSite, podívejte se na průvodce specifické pro našeho nového tvůrce, které najdete zde.
InstantSite je navržen pomocí rámce Bootstrap. Díky tomu může váš web reagovat na různé velikosti obrazovek a zařízení. Je důležité porozumět rozdílům mezi řádky a sloupci v InstantSite a tomu, jak se používají k zajištění správného vzhledu vašeho webu v prostředí počítače a mobilu.
Bootstrap Grid System.
Mřížkový systém Bootstrapu vám umožňuje přidat až 12 sloupců přes každý řádek na stránce. Pokud nechcete používat všech 12 sloupců jednotlivě, můžete použít kolekci sloupců dohromady. Níže je uveden příklad skupin sloupců, které lze použít:
| rozpětí 1 | rozpětí 1 | rozpětí 1 | rozpětí 1 | rozpětí 1 | rozpětí 1 | rozpětí 1 | rozpětí 1 | rozpětí 1 | rozpětí 1 | rozpětí 1 | rozpětí 1 |
| rozpětí 4 | rozpětí 4 | rozpětí 4 | |||||||||
| span 4 | span 8 | ||||||||||
| span 6 | span 6 | ||||||||||
| rozpětí 12 | |||||||||||
Při přidávání nového prvku do InstantSite se automaticky vytvoří kontejner, řádek a sloupec.
- Kontejner je jednoduše pole, do kterého se vejde váš řádek.
- Řádek je 12sloupcová zaváděcí mřížka, jak je popsáno výše;
- Sloupec je to, co obsahuje prvek, který jste přidali na stránku.
Sloupec může zabírat kdekoli mezi 1 a 12 mezerami povolenými v 12sloupcové zaváděcí mřížce. Velikost prvku pak může být v tomto sloupci buď v plné šířce, nebo jako část z 12 dostupných sloupců.
Proč jsou sloupce a řádky důležité
Při vytváření webu chcete, aby rozložení obsahu vypadalo profesionálně na jakémkoli zařízení. Nemá smysl, aby váš web vypadal úžasně na počítači, pokud je sotva použitelný na mobilu.
Bootstrap umožňuje, aby se design webových stránek stal responzivním bez ohledu na zařízení, na kterém je prohlížen. Dělá to pomocí 12-sloupcového systému bootstrap mřížky popsaného výše. Další informace o tom, jak mřížky Bootstrap fungují, aby váš obsah reagoval, naleznete na getbootstrap.com