Как поменять блоки разных родителей местами?

[aqua.77]

Можно ли при такой структуре поменять местами при маленьких экранах блоки  c текстом 2 и 3?

 

<container>
  <div class="row">
   <div class="col-xs-12 col-md-12">
   	<div>1</div>
   	<div>3</div>
   </div>
    <div class="col-xs-12 col-md-12">
    	<div>2</div>
    	<div>4</div>
    </div>
  </div>
</container>

т. е. сперва идёт обычный порядок  1 3 2 4, а при размере col-xs-12 меняется на 1 2 3 4

[andrey7287]

2 минуты назад, aqua.77 сказал:

Так я пологаю тоже не получится? 

А самому попробовать ? 

Не разу не использовал Pull и Push в бутстрап. При грамотном подходе они просто не нужны. Если возникают какие то сложности, проще сверстать отдельно взятый блок ТАК как вам нужно, не стоит становится заложником технологии.   

Как вариант, не большие элементы можно подвигать через translate или position. 

Про JS уже написали. Выбирайте что вам подходит. Успехов.

[Vlad_P]

Или js или дублировать блоки, по другому никак

[aqua.77]

1 час назад, Vlad_P сказал:

Или js или дублировать блоки, по другому никак

Так я пологаю тоже не получится? 

<container>
  <div class="row">
   <div class="col-xs-12 col-md-12">
    <div>1</div>
    <div class="col-xs-push-12">3</div>
   </div>
    <div class="col-xs-12 col-md-12">
        <div class="col-xs-pull-12">2</div>
        <div>4</div>
    </div>
  </div>
</container>

 

[aqua.77]

В 29.04.2017 в 15:53, andrey7287 сказал:

А самому попробовать ? 

Не разу не использовал Pull и Push в бутстрап. При грамотном подходе они просто не нужны. Если возникают какие то сложности, проще сверстать отдельно взятый блок ТАК как вам нужно, не стоит становится заложником технологии.   

Как вариант, не большие элементы можно подвигать через translate или position. 

Про JS уже написали. Выбирайте что вам подходит. Успехов.

Как пример в бутстрапе нельзя сделать 5 ровных колонок занимающие всю ширину. Приходиться самому создавать, или редактировать в бутсбрапе ширину для col-lg-2