0

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

alt text

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

1
  • Создай отдельную таблицу стилей для мобильных устройств и попробуй поэксперементировать в ней. 19 окт 2014 в 5:52

2 ответа 2

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

Очень грязно, но http://jsfiddle.net/x0sfmw38/1/

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.