Twitter bootstrap 推特引导设置输入文本流体大小赢得';行不通

Twitter bootstrap 推特引导设置输入文本流体大小赢得';行不通,twitter-bootstrap,fluid-layout,Twitter Bootstrap,Fluid Layout,这是我网站的主体:(使用twitter引导2.0) 标题 搜寻 我希望文本和submit按钮居中,并且是流体7:3,但是当我将span类设置为它们时,它们会断开到新行,第一行的文本和另一行的输入submit。 为了使它们位于同一水平线上,我可以/应该做些什么?更新已发布,因此您应该检查下面的偏移解决方案,因为此版本(可能是将来的版本)默认提供此解决方案 似乎引导不会使输入范围浮动: 下面是您可以使用的: .form span input[type=“text”][class*=“span”

这是我网站的主体:(使用twitter引导2.0)


标题
搜寻
我希望文本和submit按钮居中,并且是流体7:3,但是当我将span类设置为它们时,它们会断开到新行,第一行的文本和另一行的输入submit。 为了使它们位于同一水平线上,我可以/应该做些什么?

更新已发布,因此您应该检查下面的偏移解决方案,因为此版本(可能是将来的版本)默认提供此解决方案


似乎引导不会使输入范围浮动:

下面是您可以使用的:

.form span input[type=“text”][class*=“span”]{float:left;}
编辑 对于流动性,您需要使用
.container fluid
,因为
.container
具有固定大小(使内部流体网格固定)

对于定心,我看到两种解决方案:

使用内联文本居中:(绝对不是最佳选择)

或者您可以使用流体
.offsetX
类,这些类将在或中提供


搜寻

它可以工作,但是输入被移到了一边(它们没有居中),并且它们对重新调整大小没有流畅的响应。@agam360抱歉,错过了它。选中“我的编辑”,您应该选择“偏移”选项。
<div class="container">
  <div class="row-fluid" style="text-align: center">
    <div class="span12">
      <div class="page-header">
        <h1>Header</h1>
      </div>
      <form class="well form-search">
        <input type="text" class="span7 input-large search-query" />
        <button type="submit" class="span3 btn btn-primary" >Search</button>
      </form>
    </div>
  </div>
</div>
.inline-center { text-align: center!important; }
.inline-center [class*="span"] { float: none!important; display: inline-block!important; }