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

Question

[pegas]

Можно ли при такой структуре поменять местами при маленьких экранах блоки 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>

Answer 1

[Артур Карапетян]

Классы pull и push вам в помощь. В документации bootstrap все понятно расписано!

Comments

[pegas]

Нет! родители то разные

[Артур Карапетян]

Я понял.Хм... тогда, к сожалению, я ничем вам не помогу(

[pegas]

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

Так не получится

[pegas]

Артур: Предложили сделать так как у меня во втором комменте с кодом?