IT rekvalifikace s garancí práce. Seniorní programátoři vydělávají až 160 000 Kč/měsíc a rekvalifikace je prvním krokem. Zjisti, jak na to!
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í.
Mezi 13:00 až cca 16:00 proběhne odstávka sítě z důvodu aktualizace. Web bude po celou dobu nedostupný.
Avatar
Samo
Člen
Avatar
Samo:7.12.2021 9:22

Používam bootstrap. Vedel by mi niekto poradiť. mám napríklad 5 kariet na stránke. Na obrazovke sa mi zmestia 3 do riadku.
Problém je že potrebujem aby tie karty boli v strede obrazovky. Keď použijem justify-content-center, tak mi síce zarovná karty na stred, ale tie zvyšné 2 čo sú o riadok nižšie, tak tie tiež sú zarovnané na stred, čo nie je ok. Potrebujem aby boli zarovnané vľavo. Musí sa to dynamicky meniť podľa počtu kariet na obrazovke. Vie niekto ako na to?

Zkusil jsem: justify-content-center

Chci docílit: Aby v ďalšom riadku ak nie sú 3 karty vedľa seba , tak aby sa zarovnávali vľavo.

 
Odpovědět
7.12.2021 9:22
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:7.12.2021 20:19

google = bootstrap card centered
https://stackoverflow.com/…-bootstrap-4

<div class="col d-flex justify-content-center">
</div>

Like: .align-item-center and .justify-content-center

https://newbedev.com/…-bootstrap-4

https://www.codegrepper.com/…rd+bootstrap

Nebo si zkus pohrat s flex. Ja mam sudy pocet karet, resil jsem to takto. cast css zkopiroval z bootstrapu, neco doplnil. https://mlich.zam.slu.cz/…g4-pokus.htm

 
Nahoru Odpovědět
7.12.2021 20:19
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 2 zpráv z 2.