Есть 3 блока, они все стоят в ряд. При ресайзе на определенное разрешение нужно взять центровой блок и поместить вперед, остальные два под него, вот таким образом.
Возможно ли такое реализовать без flexbox?
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуЕсть 3 блока, они все стоят в ряд. При ресайзе на определенное разрешение нужно взять центровой блок и поместить вперед, остальные два под него, вот таким образом.
Возможно ли такое реализовать без flexbox?
Проблему решили бутстрап сетки:
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-4 col-sm-push-4">
<div class="content red">1</div>
</div>
<div class="col-xs-6 col-sm-4 col-sm-pull-4">
<div class="content">2</div>
</div>
<div class="col-xs-6 col-sm-4">
<div class="content">3</div>
</div>
</div>
</div>