NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
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í.

Diskuze: Bootstrap align items to center

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
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.