自举输入组动态宽度
问题描述:
如何使引导输入组输入元素宽度动态?我试过设置宽度:auto;但是输入组似乎仍然有一定的宽度。自举输入组动态宽度
<form class="col-sm-12 form-horizontal">
<div class="col-sm-6">
<ul class="form-group list-inline list-unstyled">
<li class="" ng-repeat="item in items">
<div class="input-group list-item">
<input type="text" readonly="" class="form-control" value="{{item}}" />
<div class="input-group-btn">
<button type="button" class="btn btn-default" ng-click="removeExpedition(item)">
<span class="glyphicon glyphicon-remove"></span>
</button>
</div>
</div>
</li>
</ul>
</div>
</form>
和css:
.list-item>.input-group-btn {
width: auto;
}
这里是一个plunker证明。查看输入和按钮之间的所有空白。我希望在输入元素旁边有一个设置填充的按钮。
答
好了,所以我能够通过使用BTN-组要做到这一点而不是输入组。输入仅用于显示一个值,所以没有必要。默认情况下,btn-group只包含它所包含的文本。
如果我是正确的,你需要按钮占据100%的宽度? –