Bootstrap输入填充

Question

此Bootstrap代码为您提供日期输入字段。但是它给了我一个很大的区域，在输入字段的右边没有使用，也无法使用。我怎样摆脱那个未使用的区域？

在这个例子中，我输入两个“xx”，你可以看到这个区域隐藏文字

代码：

SELECT DOCUMENT_NUMBER ,SUM(BASE_AMOUNT)
FROM MONEY_ACTIVITY  
GROUP BY DOCUMENT_NUMBER 

Answer 1

如果您正在讨论输入右边填充.has-feedback .form-control {padding-right: 42.5px;}，则默认情况下来自.less引导程序.form-control属性

试试这个

.has-feedback .form-control {padding-right:5px !important;}

Answer 2

一种方法是在'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>