Anonymous
Anonymous

Reputation: 1373

Reorder divs with bootstrap

I want to figure out a way to handle responsiveness by reordering divs. I am trying to look for the most flexible solution but any is fine.

View for desktop: enter image description here

View for Mobile:

enter image description here

Upvotes: 0

Views: 2092

Answers (2)

Matthew M. Osborn
Matthew M. Osborn

Reputation: 4793

Use the push pull classes to reorder them when you you are in a larger view. Bootstrap has a whole section about this here: http://getbootstrap.com/css/#grid-column-ordering

Upvotes: 0

Eric G
Eric G

Reputation: 2617

Bootstrap has a nice system for this out of the box. You can push/pull columns around at different screen sizes. Doesn't require any javascript, just some new classes. Check out their documentation:

http://getbootstrap.com/css/#grid-column-ordering

And a good tutorial on it:

https://scotch.io/tutorials/reorder-css-columns-using-bootstrap

Upvotes: 2

Related Questions