Html 如何使用bootstrap 2.3.2在跨度中水平居中?
我有以下代码Html 如何使用bootstrap 2.3.2在跨度中水平居中?,html,css,forms,twitter-bootstrap,Html,Css,Forms,Twitter Bootstrap,我有以下代码 <div class="row"> <div class="span6"> <h2>Some Text</h2> </div> <div class="span6"> <form class="form-inline pull-right"> <input type="text" class="input-large"> <but
<div class="row">
<div class="span6">
<h2>Some Text</h2>
</div>
<div class="span6">
<form class="form-inline pull-right">
<input type="text" class="input-large">
<button type="submit" class="btn">Search</button>
</form>
</div>
</div>
一些文本
搜寻
…但搜索表单与h2标记不对齐。我是否需要通过css定制表单样式,还是缺少一些默认的引导类来解决这个问题
非常感谢您花时间阅读/回答此问题
[编辑]
添加了JSFIDLE删除表单上的
pull right
类。
另一个问题是h2有额外的填充,是块级别。我想你真正想要的是:
<div class="nav"> </div>
<div class="container">
<form class="form-horizontal ">
<div class="control-group ">
<label class="control-label large" for="searchInput">Label text:</label>
<div class="controls search">
<div class="input-prepend "> <span class="add-on"><i class="icon-search"></i></span>
<input type="text" id="searchInput" />
<button type="submit" class="btn btn-primary">Search</button>
</div>
</div>
</div>
</form>
</div>
标签文本:
搜寻
尝试添加此样式:
[class*="span"], h2 {
display: inline;
}
您能提供一把小提琴来演示实际问题吗?谢谢dbrin,但是class=“nav”空div的目的是什么?它只是一个可能的顶部菜单的占位符,不需要,只需将主要内容从屏幕顶部向下推一点即可。