我使用 Bootstrap 3 Datepicker v4,但有些东西坏了,我无法修复它。我认为这是破坏 css 的输入。
<div class="container">
<div class="row">
<div class='col-sm-6'>
<div class="form-group">
<div class='input-group date' id='datetimepicker1'>
<input type='text' class="form-control" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
$('#datetimepicker1').datetimepicker();
});
</script>
</div>
</div>
结果
为了消除跨度和输入之间的边距,我应该覆盖什么?
最佳答案
我尝试使用 Bootply 重现问题, 但无法做到。
所以尝试改变 div
的宽度,像这样:
<div class='input-group date' id='datetimepicker1' style="width: 90%" <!-- Or something like that depending on what your preference is -->>
<input type='text' class="form-control" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
如果这有帮助,请告诉我!
关于javascript - Bootstrap Datetimepicker 跨度中断,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38616388/