Twitter bootstrap 推特引导设置输入文本流体大小赢得';行不通
这是我网站的主体:(使用twitter引导2.0)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”
标题
搜寻
我希望文本和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; }