自举输入填充
问题描述:
此Bootstrap代码为您提供日期输入字段。然而,它给了我一个很大的领域,没有使用和不能使用的输入字段的右侧。我怎样才能摆脱那个未使用的区域?自举输入填充
当在此为例,我把两个 “XX”,你可以看到这个区域隐藏文本
代码:
<div class="form-group has-feedback has-error">
<label for="date_born">Date naissance</label>
<div class="input-group date" id="date_born">
<input name="date_born" class="form-control" value="16/09/2016" placeholder="jj/mm/aaaa" type="text" id="date_born" data-bv-field="date_born">
<span class="input-group-addon">
<span class="glyphicon-calendar glyphicon"></span>
</span>
</div>
</div>
答
一种方法能是为'input-group'div添加固定宽度,如
<div class="form-group has-feedback has-error">
<label for="date_born">Date naissance</label>
<div class="input-group date" id="date_born" style="width: 150px;">
<input name="date_born" class="form-control" value="16/09/2016" placeholder="jj/mm/aaaa" type="text" id="date_born" data-bv-field="date_born">
<span class="input-group-addon">
<span class="glyphicon-calendar glyphicon"></span>
</span>
</div>
</div>
答
如果你正在谈论的输入右侧填充.has-feedback .form-control {padding-right: 42.5px;}
这个默认自带from.less引导.form-control
属性
试试这个
.has-feedback .form-control {padding-right:5px !important;}