我目前正在将我的网站切换到Bootstrap 3.0.我在表单输入和文本格式设置方面有问题.在Bootstrap 2中起作用的东西在Bootstrap 3中不起作用.
如何在表单输入前后获得同一行上的文本?我已经将范围缩小到示例的Bootstrap3版本中的"form-control"类的问题.
我该如何将所有文本和输入放在一行中呢?我希望bootstrap3示例看起来像jsfiddle中的bootstrap2示例.
<div class="container ">
<form>
<h3> Format used to look like this in Bootstrap 2 </h3>
<div class="row ">
<label for="return1"><b>Return:</b></label>
<input id="return1" name='return1' class=" input input-sm" style="width:150px"
type="text" value='8/28/2013'>
<span id='return1' style='color:blue'> +/- 14 Days</span>
</div>
<br>
<br>
<h3> BootStrap 3 Version </h3>
<div class="row">
<label for="return2"><b>Return:</b></label>
<input id="return2" name='return2' class="form-control input input-sm" style="width:150px"
type="text" value='8/28/2013'>
<span id='return2' style='color:blue'> +/- 14 Days</span>
</div>
</form>
更新: 我将代码更改为此代码,可以正常工作,但现在对齐有问题.有什么主意吗?
<div class="form-group">
<div class="row">
<div class="col-xs-3">
<label for="class_type"><h2><span class=" label label-primary">Class Type</span></h2></label>
</div>
<div class="col-xs-2">
<select name="class_type" id="class_type" class=" form-control input-lg" style="width:200px" autocomplete="off">
<option >Economy</option>
<option >Premium Economy</option>
<option >Club World</option>
<option >First Class</option>
</select>
</div>
</div>