title: Disabling responsiveness and Column ordering
body: <p>I have some problems with column ordering after disabling responsiveness in Bootstrap 3.</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-xs-9 col-md-push-3"&gt;...&lt;/div&gt;
      &lt;div class="col-xs-3 col-md-pull-9"&gt;...&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>If i do so, it affect layout on resolution below 1024 - blocks change places.
  I've tried another solutions, like this one...</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-xs-9 col-xs-push-3"&gt;...&lt;/div&gt;
      &lt;div class="col-xs-3 col-xs-pull-9"&gt;...&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>... and this one...</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-md-9 col-md-push-3"&gt;...&lt;/div&gt;
      &lt;div class="col-md-3 col-md-pull-9"&gt;...&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>... and none of them work properly.</p>
  
  <p>I just want to disable responsiveness and force col-9 block go first in HTML document and col-3 go after it at any resolution, but col-3 block (sidebar) must be aligned left and col-9 block (main content) must be aligned right.
  Any suggestions?</p>