/ / Ekwiwalent "pull-right" bootstrap przy użyciu flexboksa? - html, css, twitter-bootstrap, css3, flexbox

Odpowiednik "pull-right" programu bootstrap przy użyciu flexbox? - html, css, twitter-bootstrap, css3, flexbox

Jeśli mam układ dwukolumnowy, użyłbym aklasa "pull-right" (float: right) na pierwszej kolumnie, aby wyświetlała się po prawej stronie na pulpitach, ale pozostała na pierwszej pozycji (na górze), gdy kolumny są układane w stos na urządzeniu mobilnym.

Ale jeśli używam prawego przycisku na kolumnie, która wyświetla: flex, nie pociąga w prawo. Pozostaje po lewej:

<div class="row" style="display:flex;flex-wrap:wrap">

<div class="col-sm-8 pull-right" style="display:flex">
First Column
</div>

<div class="col-sm-4">
Second column
</div>

</div>

Jak to zrobić z Flexbox?

Odpowiedzi:

2 dla odpowiedzi № 1

pull-right robi float: right i Flexbox tego nie ma.

Zamiast tego użyj order: 1, lub Bootstrap 4 "s flex-last, który w tym przypadku umieści go ostatni, ubiegły, zeszły.

Dzięki ZimSystem, wygląda na to, że Bootstrap został przeredagowany flex-last do order-last.

Fragment stosu

<div class="row" style="display:flex;flex-wrap:wrap">

<div class="col-sm-8 pull-right" style="display:flex; order: 1">
First Column
</div>

<div class="col-sm-4">
Second column
</div>

</div>