自举输入填充

此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>

来源

2016-09-16 flaggalagga

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

来源

2016-09-16 08:22:11 AleJuliet

如果你正在谈论的输入右侧填充.has-feedback .form-control {padding-right: 42.5px;}这个默认自带from.less引导.form-control属性

试试这个

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

来源

2016-09-16 08:34:43

自举输入填充

回答

相关问题