Lekce 5 - E-shop v Nette - Úprava šablon
V minulém díle, E-shop v Nette - Frameworky, jsme do našeho projektu přidali užitečné CSS i JavaScript frameworky a scripty.
V dnešním dílu provedeme potřebné změny v šablonách a také aplikujeme frameworky, především pak Bootstrap. Tímto definitivně dokončíme tuto proměnu.
Šablony
Nyní tedy upravíme šablony tak, aby používaly CSS framework Bootstrap.
Uvidíte, že výsledek bude velmi působivý. Kód nebudu nijak zvlášť
popisovat, podle tříd byste měli poznat o co se jedná, případně se
podívejte do dokumentace
Bootstrapu. Všimněte si také použití grid systému o 12-ti sloupcích,
od toho jsou pak třídy jako col-lg-12 apod.
app/templates/@layout.latte
Začněme klasicky od úpravy celkového layoutu aplikace a uveďme si upravené rozložení pro Bootstrap:
...konec náhledu článku...
Pokračuj dál
Došel jsi až sem a to je super! Věříme, že ti první lekce ukázaly něco nového a užitečného.
Chceš v kurzu pokračovat? Přejdi do prémiové sekce.
Omezená nabídka: Nauč se vše a ušetři
Před koupí tohoto článku je třeba koupit předchozí díl
Obsah článku spadá pod licenci Premium II, koupí článku souhlasíš se smluvními podmínkami.
- Neomezený a trvalý přístup k jednotlivým lekcím.
- Kvalitní znalosti v oblasti IT.
- Dovednosti, které ti pomohou získat vysněnou a dobře placenou práci.
Popis článku
Požadovaný článek má následující obsah:
V tutoriálu upravíme šablony tak, aby korespondovaly se změnami v presenterech a aplikujeme v nich přidané frameworky, především Bootstrap.
Kredity získáš, když podpoříš naši síť. To můžeš udělat buď zasláním symbolické částky na podporu provozu nebo přidáním obsahu na síť.
