我有一个要求,我需要在下一个输入字段的右边放置两个字形,这样输入字段的宽度应该减小以容纳两个图标。 但下面的代码将字形带到下一行。
<div class="row">
<label>Managed Segment GOC</label>
<div style="width:inherit;">
<p>
<input type="text" class="form-control" ng-model="formData.goc" placeholder="Look Up for Managed Segment">
<span class="glyphicon glyphicon-arrow-up"></span>
<span class="glyphicon glyphicon-arrow-down"></span>
</p>
<div class="text-right" >Clear</div>
</div>
<label>Default RLOB</label>
<input type="text" class="form-control" ng-model="formData.rlob" placeholder="">
</div>
最佳答案
你必须把你的文本框放在另一个类中=“col-md-*” 喜欢,
<div>
<p>
<div class="col-md-11">
<input type="text" class="form-control" placeholder="Look Up for Managed Segment" >
</div>
<div class="col-md-1">
<span class="glyphicon glyphicon-arrow-up"></span>
<span class="glyphicon glyphicon-arrow-down"></span>
</div>
</p>
<div class="text-right" >Clear</div>
</div>
关于html - Bootstrap 在输入字段旁边放置两个字形图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35446883/