Change order of divs with push/pull column in Bootstrap

Question

I\'m trying to change the order and span of three columns using Bootstrap, depending on the device.

I\'m going for this:

Answer 1

If you want to achieve this the only way i know in this moment is without push/pull method.

Here is my code:

<div class="col-sm-4" style="background:blue; color:white;">Logo</div>

<div class="col-sm-12 visible-xs" style="background:red; color:white;">Photo</div> 

<div class="col-sm-8" style="background:green; color:white;">Nav</div>

<div class="hidden-xs" style="background:red; color:white;">Photo</div>