Prodej projektu Duchod.cz - cena 550 tis Kč. Dále MojeFinance.cz, DuchodovaReforma.cz
Zobrazují se odpovědi 1 až 6 z 6

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

  1. Zdravím, prosím o pomoc.

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

    Kód:
    <div class="row">
       <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
           <div class="caption">
           </div>
       </div>
    </div>
    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ě

  2. Co se právě děje na Webtrhu?
  3. No a jak by se to mohlo zarovnat, když neustále dokola vypisuješ celý řádek...

    Ponech .row mimo cyklus a vypisuj jenom
    Kód:
    <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ší.

  4. 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?

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

  6. Citace Původně odeslal Spouter Zobrazit příspěvek
    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
    Naposledy upravil Martin Kejzlar : 11.12.2018 v 19:50

  7. Citace Původně odeslal jano92 Zobrazit příspěvek
    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 ----------

    Citace Původně odeslal Spouter Zobrazit příspěvek
    No a jak by se to mohlo zarovnat, když neustále dokola vypisuješ celý řádek...

    Ponech .row mimo cyklus a vypisuj jenom
    Kód:
    <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 ----------

    Citace Původně odeslal Martin Kejzlar Zobrazit příspěvek
    ????

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

    Kód:
    .row {
        display: flex;
        flex-wrap: wrap;
    }
    .row > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }

Hostujeme u Server powered by TELE3