Css Frameworky 3

Zhrnutie prednášky

Prednáška na praktickom príklade ukazuje, ako pomocou frameworku Bootstrap rýchlo vytvoriť jednoduchú webovú stránku. Najprv sa nastavia rozmery karuselu cez vlastné CSS a vysvetlí sa princíp gridu: kontajner (container), riadok (row) a stĺpce (col), ktorých môže byť v riadku maximálne 12. Šírku stĺpcov možno meniť číslom (napr. col-8 a col-4), čím sa text a obrázok rozložia vedľa seba. Neskôr lektor využije hotový komponent card na tri kartičky s obrázkami a spomenie aj sekcie s vlastnými komponentmi a predpripravenými stránkami, z ktorých sa dá skopírovať celý layout vrátane footera. Zmyslom je naučiť sa prehľadávať dokumentáciu Bootstrapu a využívať hotové súčasti namiesto tvorby stránky od nuly.

• - Vlastné CSS pridané za Bootstrap umožňuje prepísať veľkosti prvkov, napríklad karuselu na 400 × 400 px.
• - Bootstrap grid stojí na troch prvkoch: container, row a col.
• - Každý riadok môže mať maximálne 12 stĺpcov; počet stĺpcov v riadku určuje ich šírku.
• - Triedami ako col-8 a col-4 sa nastaví nerovnomerná šírka stĺpcov, napríklad väčší text vedľa menšieho obrázka.
• - Komponent card umožňuje rýchlo vytvoriť kartičky s obrázkom a textom, stačí ho skopírovať z dokumentácie.
• - Bootstrap ponúka aj hotové vzory stránok (custom components, sticky footer), ktoré možno celé skopírovať.
• - Pri tvorbe stránky je dôležité najprv preskúmať, čo Bootstrap ponúka, a tak ušetriť čas.

Zhrnutie pripravené s pomocou AI z prepisu videa.