Bootstrap3 – výpis položek, zarovnání

mcever4

10. 12. 2018 15:23:20

Zdravím, prosím o pomoc.

Generuji výpis položek a pro výpis používám cyklus

bohužel pokud je různý obsah, pak se mi nezarovnájí jednotlivé boxy a ve výpisu odskakují

je na to nějaký lék ?

---------- Příspěvek doplněn 10.12.2018 v 15:30 ----------

jsem to dal do špatné sekce, zastřelte mě

10. 12. 2018 15:23:20

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/bootstrap3-vypis-polozek-zarovnani/#reply1378916

Spouter

(2 hodnocení)

10. 12. 2018 16:46:47

No a jak by se to mohlo zarovnat, když neustále dokola vypisuješ celý řádek...

Ponech .row mimo cyklus a vypisuj jenom

Taktéž máš chybně řazení tříd. Vždy se postupuje od největšího rozlišení po nejmenší.

10. 12. 2018 16:46:47

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/bootstrap3-vypis-polozek-zarovnani/#reply1378915

jano92

10. 12. 2018 18:07:33

myslim ze z hladiska funkcnosti je uplne jedno ako napises triedy, ci od najvacsieho po najmensie alebo naopak :D o zobrazenie sa predsa postara css a media query, nie to v akom poradi to napises do html

a ako myslis ze sa ti nezarovnaju boxy? chces aby kazdy box aj ked ma rozdielny obsah bol v rovnakej vyske ako ten vedla neho?

10. 12. 2018 18:07:33

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/bootstrap3-vypis-polozek-zarovnani/#reply1378914

Spouter

(2 hodnocení)

10. 12. 2018 20:14:36

myslim ze z hladiska funkcnosti je uplne jedno ako napises triedy

No samozřejmě, že je to prohlížeči jedno. Postrádá to ale logiku. Pokud chci mít stránky responzivní, tak se blbě začíná od nejmenšího rozlišení tj. od konce. Klidně si i zde na fóru pište zprava doleva.

10. 12. 2018 20:14:36

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/bootstrap3-vypis-polozek-zarovnani/#reply1378913

Martin

(62 hodnocení)

10. 12. 2018 22:12:33

Napsal Spouter;1500829
No samozřejmě, že je to prohlížeči jedno. Postrádá to ale logiku. Pokud chci mít stránky responzivní, tak se blbě začíná od nejmenšího rozlišení tj. od konce. Klidně si i zde na fóru pište zprava doleva.

????

---------- Příspěvek doplněn 10.12.2018 v 22:14 ----------

Nemá zakladatel vlákna náhodu na mysli tenhle problém?

html - Bootstrap row with columns of different height - Stack Overflow

10. 12. 2018 22:12:33

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/bootstrap3-vypis-polozek-zarovnani/#reply1378912

mcever4

11. 12. 2018 09:05:58

Napsal jano92;1500814
myslim ze z hladiska funkcnosti je uplne jedno ako napises triedy, ci od najvacsieho po najmensie alebo naopak :D o zobrazenie sa predsa postara css a media query, nie to v akom poradi to napises do html
a ako myslis ze sa ti nezarovnaju boxy? chces aby kazdy box aj ked ma rozdielny obsah bol v rovnakej vyske ako ten vedla neho?

Ano přesně aby byl zarovnaný v řádku, jinak mi box odskočí.

---------- Příspěvek doplněn 11.12.2018 v 09:10 ----------

Napsal Spouter;1500808
No a jak by se to mohlo zarovnat, když neustále dokola vypisuješ celý řádek...
Ponech .row mimo cyklus a vypisuj jenom
<div class="col-lg-2 col-md-3 col-sm-4 col-xs-6"> <div class="caption"></div></div>
Taktéž máš chybně řazení tříd. Vždy se postupuje od největšího rozlišení po nejmenší.

row mám mimo cyklus, protože pokaždé je v řádku jiný počet boxů, zkoušel jsem definovat minimální a maximální výšku, ale pak se vytváří hodně volného prostoru a není to hezké.

---------- Příspěvek doplněn 11.12.2018 v 12:10 ----------

Napsal Martin Kejzlar;1500856
????
---------- Příspěvek doplněn 10.12.2018 v 22:14 ----------
Nemá zakladatel vlákna náhodu na mysli náhodou tenhle problém?
html - Bootstrap row with columns of different height - Stack Overflow

To je ono díky moc !!

---------- Příspěvek doplněn 11.12.2018 v 12:10 ----------

Tohle jsem přesně hledal, Díky Martine

11. 12. 2018 09:05:58

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/bootstrap3-vypis-polozek-zarovnani/#reply1378911

Pro odpověď se přihlašte.

Přihlásit