Загрузочный ввод ввода

Question

Этот код Bootstrap дает вам поле ввода даты. Однако это дает мне огромную область справа от поля ввода, которое не используется и не может использоваться. Как я могу избавиться от этой неиспользуемой области?

Когда в этом Exemple я поставил в два "хх" вы можете увидеть, что эта область скрывает текст

Код:

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

Answer 1

Одним из способов может следует добавить фиксированную ширину в div 'input-group', например

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

Answer 2

Если говорить о вводе право обивка .has-feedback .form-control {padding-right: 42.5px;} это приходит from.less самозагрузки по умолчанию .form-control Properties

попробовать этот

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