POUZE NYNÍ: Získej až 80 % extra kreditů ZDARMA na náš interaktivní e-learning. Zjistit více.
NOVINKA: Staň se datovým analytikem od 0 Kč a získej jistotu práce, lepší plat a nové kariérní možnosti. Více informací:

Diskuze – Lekce 6 - Bootstrap - Grid systém Bootstrapu

Zpět

Upozorňujeme, že diskuze pod našimi online kurzy jsou nemoderované a primárně slouží k získávání zpětné vazby pro budoucí vylepšení kurzů. Pro studenty našich rekvalifikačních kurzů nabízíme možnost přímého kontaktu s lektory a studijním referentem pro osobní konzultace a podporu v rámci jejich studia. Toto je exkluzivní služba, která zajišťuje kvalitní a cílenou pomoc v případě jakýchkoli dotazů nebo projektů.

Komentáře
Nejnovější komentáře jsou na konci poslední 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! ;-)

Odpovědět
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
Odpovídá 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.

Editováno
Odpovědět
New kid back on the block with a R.I.P
Avatar
Jakub Podskalský
Člen
Avatar
Odpovídá 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
Odpovídá na Yuriy Tretyachenko
Yuriy Tretyachenko:24.2.2021 6:50

Aha, o tom uz se bavili v komentarich vyse

Nejnovější komentáře jsou na konci poslední stránky.
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 10 zpráv z 20.