Question: Alternaty ordering col on tablets

Question

Alternaty ordering col on tablets

Answers 1
Added at 2016-12-22 18:12
Tags
Question

I'm facing problem and can't figure out how to achieve what I want.

https://jsfiddle.net/gdj7vr7w/3/

Col-md and Col-xs ordering is great. I can't change order of col-sm 'tablets'.I don't want to have two same colors below each other. I've tried to do it with push pull but can't make it work.

That's what I want:

[ red ][green]
[green][ red ]
[ red ][green]

Now I have:

[ red ][green]
[ red ][green]
[ red ][green]
Answers to

Alternaty ordering col on tablets

nr: #1 dodano: 2016-12-22 23:12

please check this and let me know if it's worked.

<div class="row">

<div class="col-md-4 col-sm-6 col-sm-push-6 col-xs-12 odd">
1
</div>
<div class="col-md-4 col-sm-6 col-sm-pull-6 col-xs-12 even">
2
</div>
<div class="col-md-4 col-sm-6 col-xs-12 odd">
3
</div>
<div class="col-md-4 col-sm-6 col-xs-12 even">
4
</div>
<div class="col-md-4 col-sm-6 col-sm-push-6 col-xs-12 odd">
5
</div>
<div class="col-md-4 col-sm-6 col-sm-pull-6 col-xs-12 even">
6
</div>

</div>
Source Show
◀ Wstecz