Columns order on mobile?

[atman71]

Hi all, i can't find a solution for this:

i have a layout that on desktop have 3 columns, let's call them 1, 2, 3

<div class="row">

<div class="col-sm-3"> 1 </div>

<div class="col-sm-6"> 2 </div>

<div class="col-sm-3"> 3 </div>

</div>

The 2 is the main section, 1 and 3 are just sidebar

I'd like on mobile device tho show column 2 first and then the other.... how can i do it??

Thanks

[Rick]

This can be done, but it depends somewhat on the programming language you are using.
If this is just html5 you can set up div's for small devices that are not viewed n larger screens and vise-versa.
For example:
Large screen
<div class="row hidden-sm">
<div class="col-sm-3"> 1 </div>
<div class="col-sm-6"> 2 </div>
<div class="col-sm-3"> 3 </div>
</div>
Small screen
<div class="row visible-sm">
<div class="col-sm-6">2 </div>
<div class="col-sm-3"> 1 </div>
<div class="col-sm-3"> 3 </div>
</div>

It is twice the coding, but you are creating, in this case, a special code for smaller screens that do not show in larger screens.