Mikuláš je tu! Získaj 90 % extra kreditov ZADARMO s promo kódom CERTIK90 pri nákupe od 1 199 kreditov. Len do nedele 7. 12. 2025! Zisti viac:
NOVINKA: Najžiadanejšie rekvalifikačné kurzy teraz s 50% zľavou + kurz AI ZADARMO. Nečakaj, táto ponuka dlho nevydrží! Zisti viac:

Diskusia – 6. diel - Bootstrap - Grid systém Bootstrapu

Späť

Upozorňujeme, že diskusie pod našimi online kurzami sú nemoderované a primárne slúžia na získavanie spätnej väzby pre budúce vylepšenie kurzov. Pre študentov našich rekvalifikačných kurzov ponúkame možnosť priameho kontaktu s lektormi a študijným referentom pre osobné konzultácie a podporu v rámci ich štúdia. Toto je exkluzívna služba, ktorá zaisťuje kvalitnú a cielenú pomoc v prípade akýchkoľvek otázok alebo projektov.

Komentáre
Posledné komentáre sú na spodnej časti poslednej stránky.
Avatar
David Koníček
Člen
Avatar
David Koníček:10.1.2018 10:56

Musím uznat, že tohle byl hodně povedený seriál. Vyplatilo se vydržet do konce! ;-)

Odpovedať
Věř, běž a dokážeš!
Avatar
Štěpán Karlovec
Člen
Avatar
Štěpán Karlovec:20.5.2018 21:02

Super seriál ! děkuji..

Avatar
Josef Horváth
Člen
Avatar
Josef Horváth:6.8.2018 14:11

Konečně jsem se dostal do samotného závěru tutoriálu a musím říct, že se mi jeho celkové zpracování velmi líbilo. Tímto děkuji autorovi za hezké vysvětlení a spoustu praktických ukázek.

Avatar
Jan Jurníček
Člen
Avatar
Jan Jurníček:16.11.2018 13:08

Drobná poznámka: U příkladu se sloupců s šířkou col-auto a bez stanovené šířky jsem zkusil přesunout Sloupec 1 bez stanovené šířky na konec seznamu sloupců:

<div class="container-fluid">
<div class="row">
<div class="col-sm-auto border bg-warning">
Sloupec 2
</div>
<div class="col col-sm-4 border bg-success text-white">
Sloupec 3
</div>
<div class="col border bg-success text-white">
Sloupec 1
</div>
</div>
</div>

Při tomto pořadí se poslední Sloupec 1 nezalomí pod Sloupec 3 ani na mobilních zařízeních a zůstává s ním ve stejném řádku. Ale lze to ošetřit tak, že se před tento sloupec vloží vynucené zalomení pro šířky menší, než malé:

<div class="w-100 d-sm-none"></div>

Avatar
Jakub Podskalský
Člen
Avatar
Jakub Podskalský:12.7.2019 19:10

Pěkné, jen je tento článek trochu pomatený v tom, že je na některou část potřeba znalost x lekcí po tomhle, což nedává smysl (konkrétně flex utilities). :( A přijde mi bezvýznamné toho tolik přeskočit a přečíst si o tamtom, protože všechno na sebe nějak navazuje.

Avatar
David Hartinger
Vlastník
Avatar
Odpovedá na Jakub Podskalský
David Hartinger:12.7.2019 19:17

Jinak to napsat nejde, protože většina Bootstrap komponent využívá nějaké utilities, případně rovnou jiné komponenty. Těžko najdeš kurz, kde budou jen věci, které nic jiného nepožadují. A začínat dlouhým seznamem všech utilities je zas docela nudné. To není problém článku.

Editované
Odpovedať
New kid back on the block with a R.I.P
Avatar
Jakub Podskalský
Člen
Avatar
Odpovedá na David Hartinger
Jakub Podskalský:12.7.2019 19:37

Chápu, šlo mi jen o to, že nevím jak postupovat. Pro pochopení je třeba nakouknout o 12 lekcí dopředu, tam zas ale můžou být věci, které se probírají mezi těmito dvěma. Zkusím tohle teda zatím neřešit a jít dál. Stejně si nikdy nebudu pamatovat úplně všechno a budu muset googlit pokaždé, kdy už budu psát kód.

Avatar
Yuriy Tretyachenko
Člen
Avatar
Yuriy Tretyachenko:24.2.2021 6:17

Jen pro uplnost. Popsane zde 4 breakpointy patri k Bootstrap 3. V Bootstrap 4 je jich 5. A jsou tam i ruzne sirky – napr., v BS3 md>=992px, v BS4 md>=768px.

Avatar
Yuriy Tretyachenko
Člen
Avatar
Yuriy Tretyachenko:24.2.2021 6:24

V "Zarovnani a zmene poradi" veta "To vše bychom již měli znát z flex utilities" zni trochu nekorektne – je to Lekce 18, a ted jsme jen na Lekci 6.

Avatar
Yuriy Tretyachenko
Člen
Avatar
Odpovedá na Yuriy Tretyachenko
Yuriy Tretyachenko:24.2.2021 6:50

Aha, o tom uz se bavili v komentarich vyse

Posledné komentáre sú na spodnej časti poslednej stránky.
Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zobrazené 10 správy z 20.