Bootstrap 3.1.0 导航栏上的全宽输入组

我在使用 bootstrap v3.1.0 时遇到了一些问题。 我需要获得适合导航栏整个宽度的搜索栏，如下所示（v3.0.3）：http://bootply.com/109727 http://bootply.com/109727但感觉输入组有一些问题，我得到了（v3.1.0）：http://bootply.com/109728 http://bootply.com/109728有什么想法如何解决这个问题吗？或者还有其他方法可以得到相同的结果吗？

<form class="navbar-form">
    <div class="form-group" style="display:inline;">
        <div class="input-group">
            <input class="form-control" type="text">
            <span class="input-group-addon"><span class="glyphicon glyphicon-search"></span></span>
        </div>
    </div>
</form>

这个问题是width:auto on .navbar-form .form-control。你可以用以下方法覆盖它width: 100%它应该有效...

从 3.1 文档...

需要注意的是，.navbar-form 通过 mixin 与 .form-inline 共享其大部分代码。某些表单控件（例如输入组）可能需要固定宽度才能在导航栏中正确显示。

引导程序3.1

.navbar-form .form-control {
    display: inline-block;
    width: auto; /*This is the issue*/
    vertical-align: middle;
}

引导程序3.0.3

.navbar-form .form-control {
    display: inline-block;
}