title: Bootstrap 4 accepting offset-md-*, instead col-offset-md-* Naming Convention Bug
body: <p>I'm just a beginner in Bootstrap 4.</p>
  
  <p>I just started learning it recently and sadly, I have been encountering problems already. I modified some code from the Bootstrap 4 manual itself. However, it fails miserably, with the offset not working properly. The code is perfectly simple and doesn't require a lot of code though. </p>
  
  <h2>EDIT: MAY 25, 2016 [12:35 PM (GMT+8)]:</h2>
  
  <h3>Using Boootrap 3.3.6 release, col-md-offset-* is working. However, it is in Bootrap 4 that has failure.</h3>
  
  <h3>Issue has been posted on <a href="https://github.com/twbs/bootstrap/issues/19966" rel="nofollow noreferrer">https://github.com/twbs/bootstrap/issues/19966</a>!</h3>
  
  <p>This is the code I used:</p>
  
  <pre><code> &lt;!-- This contains the .red, .blue and .green classes --&gt;
   &lt;style&gt; ... &lt;/style&gt;
  
   &lt;div class="container"&gt;
      &lt;div class="row"&gt;
  
         &lt;div class="col-md-4 red"&gt;
           Hello world
         &lt;/div&gt;
  
         &lt;div class="col-md-4 col-offset-md-4 green"&gt;
           Hello world
         &lt;/div&gt; 
  
          &lt;div class="col-md-4 col-offset-md-4 blue"&gt;
           Hello world
         &lt;/div&gt; 
  
     &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <hr>
  
  <p>So, I doubted that there is in fact a class in bootstrap called "col-md-offset-*" as it fails to work. So, in Safari, I opened Develop > Show Web Inspector and took a look at the Bootstrap file that is linked via CDN. I searched for the class <code>col-md-offset-4</code>, and it didn't appear. However, I saw <code>md-offset-4</code> instead. I also saw that instead of the class <code>col-md-push-4</code>, all I found is <code>md-push-4</code> and so on and so forth. Therefore, I instead used the <code>md-push-4</code> and it worked as good as the example in Bootstrap.</p>
  
  <h2>EDIT: MAY 25, 2016 [9:03 PM (GMT+8)]:</h2>
  
  <p>This addresses answer by user Nate Conley. By the way, this was taken from <a href="http://v4-alpha.getbootstrap.com/layout/grid/" rel="nofollow noreferrer">http://v4-alpha.getbootstrap.com/layout/grid/</a> as of the time this question was edited. Any change of the Bootstrap team is unforeseen or unknown at this time of writing.</p>
  
  <p><a href="https://i.stack.imgur.com/8bEHW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8bEHW.png" alt="Documentation Code Sample"></a></p>
  
  <p><a href="https://i.stack.imgur.com/adlPX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/adlPX.png" alt="Code found in Bootsrap 1"></a></p>
  
  <p><a href="https://i.stack.imgur.com/XU58M.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XU58M.png" alt="Code found in Bootstrap 2"></a></p>
  
  <h1>Therefore, I modified the code and it works perfectly fine.</h1>
  
  <pre><code>&lt;style&gt; ... &lt;/style&gt;    
  
  
  &lt;div class="container"&gt;
      &lt;div class="row"&gt;
  
         &lt;div class="col-md-4 red"&gt;
           Hello world
         &lt;/div&gt;
  
         &lt;div class="col-md-4 offset-md-4 green"&gt;
           Hello world
         &lt;/div&gt; 
  
          &lt;div class="col-md-4 offset-md-4  blue"&gt;
           Hello world
         &lt;/div&gt; 
  
     &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <h1>Q: Is the problem with my browser, Safari (9.1), or with Bootstrap version 4, maxcdn, etc.? Is this a normal bug in Bootstrap 4?</h1>