title: Pulling and pushing columns in one specific width
body: <p>:)</p>
  
  <p>I have a DIV[B] that is <em>col-xs-6 col-md-push-5 col-md-7</em>. DIV[A] is <em>col-xs-6 col-md-pull-7 col-md-5</em>. DIV[B] comes before DIV[A] in the code so the pull/push makes sense.</p>
  
  <p>It shows like this:</p>
  
  <p><em>Large: [A][B]</em></p>
  
  <p><em>Medium: [A][B]</em></p>
  
  <p><em>Small: [B][A]</em></p>
  
  <p><em>X-Small: [B][A]</em></p>
  
  <p>I want to make X-SMall [A][B], leaving just small as [B][A].
  I tried a lot (pushing and pulling SM, XS) but I just couldn't do it... It always breaks one of the others.</p>
  
  <p>Is there a way for me to do that? :)</p>