title: Style for floating right in Bootstrap 4 doesn't work
body: <p>In <a href="https://jsfiddle.net/Chamster/dy7bf4ww/" rel="nofollow noreferrer">this fiddle</a>, I can see that the search box is floated right, as supposed to. On my screen, it's not. In fact, it behaves as if I put the style to be <em>float-xs-left</em> or simply left the floating related styling out.</p>
  
  <p>Not sure how to troubleshoot it, since I can't reproduce the problem. I've checked everything I could thing of on my system but it's a navbar, a top level component so there's very little that can be screwed up.</p>
  
  <pre><code>&lt;form class="form-inline float-xs-right"&gt;
    &lt;input class="form-control" type="text" placeholder="Stuff"&gt;
    &lt;button class="btn btn-default" type="button"&gt;Click&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Before, I had the logo in div of class <em>container-fluid</em> and it was working as supposed to (pushing the stuff to the right). However, I needed to go for <em>row</em> for <a href="https://stackoverflow.com/questions/41308731/how-to-set-the-brand-logo-in-bootstrap-4-navbar-to-the-left-edge">other reasons</a>, hence landing in to this problem.</p>
  
  <p>Does anybody recognize the misbehavior? What can I do to investigate further?</p>