Autor Zpráva
robbie
Profil
Ahoj nevím kde hledat nebo jak udělat, aby se články nebo sloupce v zobrazení na mobilu řadily podle mého zadaného pořadí.

Zkusil jsem tento návod, ale order nejde :(

Dekuji

<div class="container">
    <div class="row">
        <div class="col-3 col-md-6">
            <div class="card card-body">1</div>
        </div>
        <div class="col-6 col-md-12 order-2 order-md-12">
            <div class="card card-body">3</div>
        </div>
        <div class="col-3 col-md-6 order-3">
            <div class="card card-body">2</div>
        </div>
    </div>
</div>
Mlocik97
Profil
Divím sa že v roku 2019 niekto používa Bootstrap pre nové projekty. CSS Grid/Flexboxy dokážu toto všetko úplne v pohode. Niekto tu bude tvrdiť "ale to nepodporuje IE11" a ja poviem že nemajú pravdu, aj keď majú, ale je tu jednoduché riešenie:

www.vzhurudolu.cz/prirucka/css-grid-msie
github.com/machal/css-grid-demos/blob/master/gulpfile.js#L12-L20

a je vyřešeno.

Vidím že ukážku máte z Order columns through Bootstrap4 a je správna, chyba bude inde.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0