Vitajte na [www.pocitac.win] Pripojiť k domovskej stránke Obľúbené stránky
1. Vyberte si systém mriežky: Bootstrap 5 ponúka dva mriežkové systémy:tradičný 12-stĺpový mriežkový systém a nový, flexibilnejší mriežkový systém „kontajnerový prvý“. Mriežka na prvom mieste je navrhnutá pre jednoduchší vývoj, lepší výkon a väčšiu flexibilitu v rozložení.
2. Vytvorte kontajner mriežky: Primárna trieda na vytvorenie mriežkového kontajnera je `.container`. Tým sa bude riadiť celková šírka a odozva mriežky. Môžete pridať ďalšie triedy na ovládanie výplne a okrajov, ako napríklad `.container-xl` pre extra veľké kontajnery alebo `.container-sm` pre malé kontajnery.
3. Pridať riadky mriežky: V rámci kontajnera mriežky môžete vytvárať riadky pomocou triedy `.row`. Každý riadok predstavuje vodorovnú líniu obsahu.
4. Pridať stĺpce mriežky: V každom riadku môžete vytvoriť stĺpce pomocou triedy `.col`. Stĺpce predstavujú vertikálne časti obsahu. Na ovládanie šírky stĺpcov môžete použiť rôzne triedy stĺpcov, ako napríklad .col-2 pre rozloženie s dvoma stĺpcami alebo .col-md-4 pre rozloženie so štyrmi stĺpcami na stredne veľkých zariadeniach.
5. Pridať obsah do stĺpcov: Po vytvorení riadkov a stĺpcov do nich môžete pridať obsah pridaním prvkov HTML, ako sú text, obrázky, tlačidlá atď.
Tu je príklad, ako vytvoriť jednoduché rozloženie mriežky pomocou Bootstrap 5:
```html
Stĺpec 1
2. stĺpec
3. stĺpec
```
Tento kód vytvorí rozloženie mriežky s tromi stĺpcami. Kontajner zaisťuje, že mriežka je vycentrovaná v okne prehliadača, zatiaľ čo triedy riadkov a stĺpcov vytvárajú skutočnú štruktúru mriežky.
Bootstrap 5 tiež ponúka niekoľko pomocných tried, ktoré možno použiť na ďalšie vylepšenie rozloženia, ako napríklad `.w-50` na nastavenie šírky prvku na 50 % alebo `.text-center` na vycentrovanie textu v rámci prvku.
Kombináciou kontajnerov, riadkov, stĺpcov a pomocných tried môžete pomocou Bootstrap 5 vytvoriť širokú škálu rozložení mriežky.