ブートストラップ4の浮動小数点スタイルが正しく動作しない

Question

this fiddleに、私は検索ボックスが想定通りにフローティングされていることがわかります。私の画面では、そうではありません。実際には、私はスタイルをfloat-xs-leftにするかのように振る舞います。

問題を再現できないため、トラブルシューティングの方法がわかりません。私は自分のシステム上でできること全てをチェックしましたが、それはトップレベルのコンポーネントであるnavbarなので、非常に小さなものがあります。

<form class="form-inline float-xs-right"> 
    <input class="form-control" type="text" placeholder="Stuff"> 
    <button class="btn btn-default" type="button">Click</button> 
</form> 

前に、私はクラスコンテナ流体のDIVにロゴを持っていた（右のものをプッシュ）することになって、それが働いていました。しかし、other reasonsの行に行く必要があったため、この問題が発生しました。

誰かが誤動作を認識していますか？さらに調査するにはどうすればよいですか？

Answer 1

問題は、新しいブートストラップのグリッドシステム（flexに基づいています）と、あなたがロゴにしたかったfloat-rightの組み合わせにあります。

あなたは

.navbar .row .form-inline.float-xs-right { 
    position: absolute; 
    right: 0; 
}