Bootstrap 3固定导航栏3列

Question

我希望我的Bootstrap 3导航栏在3个区域中分割，如下例所示：

我尝试给这个CSS的navbar-form（搜索栏）：

.navbar-form .form-control
  display: inline-block
  width: 100%
  vertical-align: middle

.navbar-form
  overflow: auto

.navbar-form .form-group
  display: inline

但是，导航栏右侧部分位于下一行。

搜索框的宽度应为100％（流畅）。

由于