NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
Funkce, kterou se snažíš použít je dostupná pouze pro registrované uživatele. Buďto se přihlas nebo si zdarma vytvoř nový účet.

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
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
10.1.2018 10:56
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..

 
Odpovědět
20.5.2018 21:02
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.

 
Odpovědět
6.8.2018 14:11
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>

 
Odpovědět
16.11.2018 13:08
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.

 
Odpovědět
12.7.2019 19:10
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 12.7.2019 19:18
Odpovědět
12.7.2019 19:17
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.

 
Odpovědět
12.7.2019 19:37
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.

 
Odpovědět
24.2.2021 6:17
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.

 
Odpovědět
24.2.2021 6:24
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

 
Odpovědět
24.2.2021 6:50
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 18.