Как в bootstrap поменять блоки метсами?

Question

[mrzgt]

Подскажите,как при xs сделать.так, что бы блок2 был первым, а за ним шел блок 1
https://codepen.io/sergey-dragun/pen/eapmJE

Answer 1

[iBird Rose]

col-lg-push-3 и col-lg-pull-9
https://getbootstrap.com/docs/3.4/css/#grid-column...

<div class="row">
<div class="colex1 col-xs-12 col-sm-7 col-md-8 col-lg-9 col-lg-push-3">блок111</div>
<div class="colex2 col-xs-12 col-sm-5 col-md-4 col-lg-3 col-lg-pull-9 stick">блок2</div>
</div>

Comments

[mrzgt]

спасибо,но в таком варианте 'блок2'стал слева, а не справа
так не выходит

<div class="row">
<div class="colex1 col-xs-12 col-xs-push-12 col-sm-7 col-md-8 col-lg-9 ">блок111</div>
<div class="colex2 col-xs-12 col-xs-pull-12  col-sm-5 col-md-4 col-lg-3  stick">блок2</div>
</div>

[Lord_Dantes]

mrzgt, дайте тогда col-*-12

[Lord_Dantes]

iBird Rose, олды здесь))

[iBird Rose]

mrzgt, тебе нужно изначально дивы расположить так, как ты хочешь их видеть на мобиле. а на десктопе уже через pull и push меняешь местами.