我正在尝试使用 Bootstrap 3 对齐标签和文本框
这不起作用,因为“开始日期”被包装了。我也尝试过 form-horizontal 但对我没有帮助。
<div class="row">
<div class="col-xs-3 input-group">
<label class="active">Start Date</label>
<input type="text" class="form-control">
</div>
<div class="col-xs-3">
End Date
<input type="text" class="form-control" placeholder=".col-xs-3">
</div>
<div class="col-xs-6">
Project URL
<input type="text" class="form-control" placeholder=".col-xs-6">
</div>
</div>
有人可以帮我吗?
谢谢,
凯拉斯
这是水平形式的解决方案
Fiddle http://jsfiddle.net/Palapas/DScLP/
<form role="form" class="form-horizontal row">
<div class="col-xs-3">
<div class="form-group">
<label for="exampleInput1" class="col-sm-6 control-label">Start Date</label>
<div class="col-sm-6">
<input type="text" class="form-control" id="exampleInput1" placeholder="Start Date">
</div>
</div>
</div>
<div class="col-xs-3">
<div class="form-group">
<label for="exampleInput2" class="col-sm-6 control-label" >End Date</label>
<div class="col-sm-6">
<input type="text" class="form-control" id="exampleInput2" placeholder="End Date">
</div>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<label for="exampleInput3" class="col-sm-4 control-label">Project URL</label>
<div class="col-sm-8">
<input type="text" class="form-control" id="exampleInput3" placeholder="Project URL">
</div>
</div>
</div>
</form>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)