Twitter bootstrap 在Chrome浏览器中,导航栏上的搜索表单左拉/右拉不起作用

Twitter bootstrap 在Chrome浏览器中,导航栏上的搜索表单左拉/右拉不起作用,twitter-bootstrap,css-float,twitter-bootstrap-3,Twitter Bootstrap,Css Float,Twitter Bootstrap 3,我正在从Twitter引导版本2.3.2迁移到最新版本3 RC 1。现在我遇到了一个问题,顶部导航栏中的搜索按钮。HTML代码如下: 搜寻 问题是,它在Firefox中工作得很好,但在Chrome或IE9中,它使搜索框变得超长,从而将此搜索框和按钮移动到导航栏下方 我尝试进行故障排除,发现如果我从表单中删除“向右拉”,搜索框和按钮将与导航项一起移动到上方,但失去了向右拉带来的效果-它将占用右侧的所有行空间 此外,如果我将搜索表单替换为 搜寻 然后它就会很好地工作;但这也不是我

我正在从Twitter引导版本2.3.2迁移到最新版本3 RC 1。现在我遇到了一个问题,顶部导航栏中的搜索按钮。HTML代码如下:


搜寻
问题是,它在Firefox中工作得很好,但在Chrome或IE9中,它使搜索框变得超长,从而将此搜索框和按钮移动到导航栏下方

我尝试进行故障排除,发现如果我从表单中删除“向右拉”,搜索框和按钮将与导航项一起移动到上方,但失去了向右拉带来的效果-它将占用右侧的所有行空间

此外,如果我将搜索表单替换为


搜寻
然后它就会很好地工作;但这也不是我的目的


我的代码有问题吗?还是版本3 RC 1有问题?要解决这个问题,您可以将
col-sm-4
类添加到
元素中

这将根据屏幕宽度保持正确的宽度

使用列大小调整(列sm-**),直到获得所需的大小


谢谢@Schmalzy。这解决了我的问题。我想我也试过col-***的东西,但可能我在某个地方不正确……根据文档,你应该使用导航栏,而不是向右拉。