Question

I am relatively new to using the Twitter Bootstrap 2, as I have only ever used Foundation. One thing that I cannot figure out how to do is to control stacking on smaller resolutions.

I have a three column layout I am using, two sidebars and the content area. Looks like so:

| Sidebar 1 |   |   Content     |   | Sidebar 2 |

On a smaller resolution however, I want the columns to stack like so:

|  Content  |
| Sidebar 1 |
| Sidebar 2 |

The only way I see to control such stacking in Bootstrap is by the use of pull-left or pull-right. Is there a better way, or is it even possible to do this with in Bootstrap?

Thanks!

Answer 1

There isn’t a mechanism built into Bootstrap to control stacking order – elements will stack in the order they appear in the HTML.
If .pull-left and .pull-right are achieving the behavior you want, that’s probably your best bet without resorting to JavaScript.