Bootstrap 4 引导向右浮动，不向右移动元素

我正在努力学习bootstrap。导航栏具有浏览器的整个宽度。表单位于导航栏中。为什么不向右浮动将搜索框向右移动

我注意到，如果我用ml auto替换float，它会工作，但我想知道为什么float类不工作

搜寻
.

您不应该将浮动和flexbox混合使用。（浮动已经过时了，而且很痛苦。）导航栏上有flex样式，所以。

align-self-end

类是您的huckleberry（或者

align-self-sm-end

来实现断点）。请注意，我们还在无序列表元素上使用

flex-fill

，以使其使用额外的空间

制作完整的演示页面以查看其实际效果

搜寻
.