我正在使用eonasdan的datetimepicker
和bootstrap 3。我有一个datetimepicker
设置为日历,另一个设置为时间。我希望能够将它们并排放在同一行上。但是我无法想出如何在不破坏datetimepicker
的情况下实现。以下是我的代码:
<form role="form">
<div class="form-group">
<div class="form-group">
<label for="class">Class:</label> <select multiple
class="form-control" size="2">
<option value="1">Class 1</option>
<option value="2">Class 2</option>
</select>
</div>
<div class="form-group">
</div>
<div class="form-group">
<!-- Date Picker -->
<div class="input-group date" id="startDate">
<input type='text' class="form-control" /> <span
class="input-group-addon"><span
class="glyphicon glyphicon-calendar"></span> </span>
</div>
</div>
<div class="form-group">
<!-- Time Picker -->
<div class="input-group date" id="startTime">
<input type='text' class="form-control" /> <span
class="input-group-addon"><span class="glyphicon glyphicon-time"></span>
</span>
</div>
</div>
<button type="submit" class="btn btn-default">Submit</button>
</div>
</form>
这里是一个JSFiddle链接,日期选择器无法使用,但除此之外其他都正常。不知道为什么我无法将多选框强制调整为只有两行高度。