CODEWITHSUNDEEP
twitter-bootstrap
robbash
robbash

Reputation: 1093

Bootstrap 3: Push/pull issue

I'm trying to setup a template where I have two sidebars, right and left, and content in the middle. No problem so far for desktop:

Desktop view

Desktop view

But I want it to realign for mobile so that the content is on top, the sidebars underneath, the left one one the left side and the right one on the right side.

Desired mobile view

Desired mobile view

Can I achieve it without having to use JS for moving the divs?

Here's a Bootply that shows my issue: http://www.bootply.com/133440

Thanks in advance!

Upvotes: 0

Views: 48

Answers (1)

Marc Perrin-Pelletier
Marc Perrin-Pelletier

Reputation: 13466

The order of your elements should always be the one you want in the most narrow view (mobile). Then pull and push elements in larger views with col-md-pull-4, col-md-push-8, etc to get the view you want.

Here's what you wanted I believe : http://jsfiddle.net/aws9pv88/7/

Upvotes: 3

Related Questions