title: Bootstrap 3: Offset isn't working?
body: <p>I have this code: </p>
  
  <pre><code>&lt;div class="row"&gt;
    &lt;div class="col-sm-3 col-sm-offset-6 col-md-12 col-md-offset-0"&gt;&lt;/div&gt;
    &lt;div class="col-sm-3 col-md-12"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What I want for small (sm) screens is to have two divs that have three columns each, and an offset of 6 columns for the first div.</p>
  
  <p>For medium (md) screens, I would like to have two divs with twelve columns each (one horizontally stacked under the other), with no offsets. </p>
  
  <p>Somehow the browser doesn't recognize the class <code>col-md-offset-0</code>. It still uses the <code>col-sm-offset-6</code> class. Any ideas why?</p>