我正在做一个简单的内联表单。如何调整每个输入表单之间的空白?我想让输入基本上接触。
<div class="row">
<form class="in-line" role="form">
<div class="col-md-3 col-md-offset-3">
<div class="form-group">
<input type="email" class="form-control input-lg" id="EmailInput" placeholder="Email Address">
</div>
</div>
<div class="col-md-2">
<div class ="form-group">
<input type="text" class="form-control input-lg" placeholder="City">
</div>
</div>
<div class="col-md-3">
<button class="btn btn-lg btn-success" type="button">Submit</button>
</form>
</div>
间距是由网格列之间的 Bootstrap 固有填充引起的。如果您希望表单元素相互对接(左和右),您可以只浮动容器 div。
http://jsfiddle.net/2n9AH/1/ http://jsfiddle.net/2n9AH/1/
HTML
<div class="row">
<div class="formElement">
<input type="email" class="form-control input-lg" id="EmailInput" placeholder="Email Address">
</div>
<div class="formElement">
<input type="text" class="form-control input-lg" placeholder="City">
</div>
</div>
CSS
.formElement {
float:left;
width:200px;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)