-2

i have 2 divs like this 

<div class="row">
   <div class="col-sm-6 col-xs-12"><img src="..."></div>
   <div class="col-sm-6 col-xs-12">Content about image goes here </div>
</div>

Now on mobile image comes on top and then comes the content , i want image to come after the content in responsive mode , How it can be done .

Sikander
  • 2,799
  • 12
  • 48
  • 100
  • Possible duplicate of [How do I change Bootstrap 3 column order on mobile layout?](http://stackoverflow.com/questions/20171408/how-do-i-change-bootstrap-3-column-order-on-mobile-layout) – max May 21 '17 at 10:42

1 Answers1

1

Solution:

<div class="row">
   <div class="col-sm-6 col-xs-12 col-sm-push-6">Content about image goes here </div>
   <div class="col-sm-6 col-xs-12 col-sm-pull-6"><img src="..."></div>
</div>
Davide Mancuso
  • 374
  • 1
  • 3
  • 7