Как управлять расположением блоков при адаптивной верстке ?

Рейтинг: 0Ответов: 1Опубликовано: 19.10.2014

Есть 3 блока, они все стоят в ряд. При ресайзе на определенное разрешение нужно взять центровой блок и поместить вперед, остальные два под него, вот таким образом.

alt text

Возможно ли такое реализовать без flexbox?

css html адаптивная-верстка
Источник: Stack Overflow на русском

Ответы

▲ 1

Проблему решили бутстрап сетки:

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