Tôi hiện đang chuyển trang web của mình sang Bootstrap 3.0. Tôi đang gặp sự cố với tính năng nhập biểu mẫu và định dạng văn bản. Những gì hoạt động trong Bootstrap 2 không hoạt động trong Bootstrap 3.
Làm cách nào để lấy văn bản trên cùng một dòng trước và sau khi nhập biểu mẫu? Tôi đã thu hẹp nó thành vấn đề với lớp 'form-control "trong phiên bản Bootstrap 3 của ví dụ.
Tôi sẽ làm thế nào để lấy tất cả văn bản và đầu vào trên một dòng? Tôi muốn ví dụ bootstrap 3 giống ví dụ bootstrap 2 trong jsfiddle.
<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>Cập nhật: Tôi thay đổi mã thành mã này hoạt động nhưng hiện đang gặp sự cố với căn chỉnh. Bất kỳ ý tưởng?
<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>
form-controltrong ví dụ bootstrap 3 của bạn.