title: Bootstrap v4 float-right doesn't work. [Replacement for pull-right]
body: <p>Basically, I have the latest version of bootstrap <code>Currently v4.0.0-beta.3</code> and I cannot get elements to align properly, with the official documentation. I searched online for solutions, but I found nothing. They all were about creating a new class with <code>right: 0;</code>, but that's not the point. Can someone tell me what am I doing wrong, or is it just a bug?</p>
  
  <p>I also found one post that sad that <code>flex</code> is the problem, but they didn't explain why or how can I fix it.</p>
  
  <p>I even took their official example, from the documentation, it doesn't work.
  Here's the example:</p>
  
  <pre><code>&lt;div class="float-left"&gt;Float left on all viewport sizes&lt;/div&gt;&lt;br&gt;
  &lt;div class="float-right"&gt;Float right on all viewport sizes&lt;/div&gt;&lt;br&gt;
  &lt;div class="float-none"&gt;Don't float on all viewport sizes&lt;/div&gt;
  </code></pre>
  
  <p>The result:</p>
  
  <p><code>Float left on all viewport sizesFloat right on all viewport sizesDon't float on 
   all viewport sizes</code></p>
  
  <p>I put them in a <code>div</code> with <code>row</code> class, nothing changed.</p>
  
  <p>For those who don't know, Bootstrap removed <code>pull-right</code> class in the latest revision and replaced it with <code>float-right</code>.</p>