Návrhář mřížky

Vložit rozložení otevře návrhář mřížky: zvolíte počet sloupců, tažením je přeskládáte, kliknutím na sloupec otevřete jeho nastavení (šířka podle breakpointu, odsazení, zarovnání textu a obsahu) a v Nastavení řádku mezery, sloupce na řádek a zarovnání.

Sloupce se jmenují A, B, C… podle pořadí v HTML. Přetažení HTML nepřeskupuje: přidá třídy order-* od breakpointu zvoleného v náhledu výš, takže sloupec může být na počítači první a na mobilu zůstat na svém místě. Plugin zapisuje co nejméně tříd. Když se pořadí liší od HTML, objeví se tlačítko Původní pořadí, které na daném breakpointu vrátí A, B, C…. Bootstrap 5 má osm stupňů pořadí (order-first, order-0 až order-5, order-last); pořadí, které jimi zapsat nejde, návrhář odmítne. Sloupec skutečně přesunete tlačítky Přesunout vlevo a Přesunout vpravo na jeho liště.

Počet sloupců platí pro všechny breakpointy. Kliknutím na číslo nastavíte všem sloupcům předdefinované šířky: 2 → col-12 col-lg-6, 3 → col-12 col-lg-4, 4 → col-12 col-md-6 col-lg-3 atd. Na mobilu budou pod sebou, na počítači vedle sebe. Zarovnání, pořadí a vlastní třídy se zachovají.

Pokud chcete zachovat ručně nastavené šířky, použijte + Přidat sloupec. Nový sloupec se přidá na konec a převezme šířky posledního sloupce. Ostatní sloupce se nezmění. Řádek může mít nejvýše 12 sloupců.

Každý sloupec má pro zvolený breakpoint dvě rozbalovací pole: odsazení (+2 → offset-lg-2) a šířku ve dvanáctinách (6/12 → col-lg-6). Symbol ↑ označuje hodnotu převzatou z menšího breakpointu. Mřížka dvanácti dílů v pozadí pomáhá porovnat šířky. Přednastavené sady můžete změnit volbou bootstrapui_grid_defaults.

Řádky a sloupce mají vlastní plovoucí lištu: přidat, upravit, duplikovat, přesunout, odstranit. Vybrat řádek nebo sloupec prochází vnořené mřížky. Zobrazit hranice rozložení vykreslí strukturu v ploše editoru, aniž by sáhla na uložené HTML.

Výstupem je standardní značka .container, .row, .col-*.

S bootstrapui_version: '4' návrhář nenabízí mezery mezi sloupci (g-*), row-cols-auto ani breakpoint xxl; počet sloupců na řádek jde od 1 do 6.