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

David Koníček

Člen

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ť

10.1.2018 10:56

Věř, běž a dokážeš!

Štěpán Karlovec

Člen

Štěpán Karlovec:20.5.2018 21:02

Super seriál ! děkuji..

Odpovedať

20.5.2018 21:02

Josef Horváth

Člen

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.

Odpovedať

6.8.2018 14:11

Jan Jurníček

Člen

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é:

Odpovedať

16.11.2018 13:08

Jakub Podskalský

Člen

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.

Odpovedať

12.7.2019 19:10

David Hartinger

Vlastník

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é 12.7.2019 19:18

Odpovedať

12.7.2019 19:17

New kid back on the block with a R.I.P

Jakub Podskalský

Člen

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.

Odpovedať

12.7.2019 19:37

Yuriy Tretyachenko

Člen

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.

Odpovedať

24.2.2021 6:17

Yuriy Tretyachenko

Člen

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.

Odpovedať

24.2.2021 6:24

Yuriy Tretyachenko

Člen

Yuriy Tretyachenko:24.2.2021 6:50

Aha, o tom uz se bavili v komentarich vyse

Odpovedať

24.2.2021 6:50

Naučíme ťa pracovať na home-office.

Zistiť viac...

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.

Zatiaľ nikto nevložil komentár - buď prvý!

Najčastejšie vyhľadávané

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