В документации по загрузке у них есть группы ввода, которые имеют ширину 100% без дополнительной разметки: http://getbootstrap.com/components/#input-groups
<div class="input-group">
<input type="text" class="form-control">
<span class="input-group-addon">.00</span>
</div>
Я не могу заставить мои группы ввода охватывать 100% без явного определения width: 100%
на input-group
. Обратите внимание, что я немного скорректировал разметку:
<div class="input-group">
<input class="form-control" placeholder="Auto width" />
<div class="clear">
<a href="#" class="glyphicon glyphicon-remove"></a>
</div>
</div>
CSS
.clear { display: table-cell; }
Я создал скрипт для представления этой проблемы: http://jsfiddle.net/Wexcode/B9LMN/