Bootstrap - Element position with -pull and -push

Question

<div class="col-sm-5 col-sm-push-7">
  <img class="img-responsive" src="love.png">
</div>
 
<div class="col-sm-7 col-sm-pull-5">
 This text will appear on left on desktop,and it'll go below the image on mobile view
</div>