如何将表单元素（搜索框）置于Bootstrap导航栏中？

Question

我正在尝试让搜索框位于我的Bootstrap导航栏的中心。删除navbar-left似乎会破坏导航栏上的对齐方式。我正在寻找类似linkedin.com页面的内容。最简单的方法是什么？
下面是我的导航栏https://jsfiddle.net/b6pmy9w4/的JSFiddle的链接。在此先感谢您的帮助。
Html代码：

head

Answer 1

不知道这是否是最佳方式，但

• 删除navbar-left
• 在ul
之后移动它
• 设置text-align:center

Updated fiddle

Answer 2

我知道这篇文章现在已经很老了，但是在Bootstrap4上，我只是将ml-auto类添加到form标记中，并且效果很好：

<form class="form-inline my-2 my-lg-0 ml-auto">

您还可以添加col类来更改表单输入和按钮的大小。