bootstrap的两种在input框后面增加一个图标的方式
第一种:
<div class="input-group"> <div class="input-icon-group"> <div class="input-group" style="width:100%"> <input type="text" class="form-control" placeholder="" value="${batchid}" data-clearbtn="true"/> <span class="input-group-addon"><i class="md md-center-focus-weak fa-lg"> </i></span> </div> </div> <span class="input-group-btn"> <button class="btn btn-primary" type="button">批号</button> </span> </div>
第二种:
<div class="input-group"> <div class="input-icon-group"> <div class="input-group" style="width:100%"> <input type="text" class="form-control" placeholder="" value="${batchid}" data-clearbtn="true"> <span class="input-group-addon"><i class="md md-center-focus-weak fa-lg"> </i></span> </input> </div> </div> <span class="input-group-btn"> <button class="btn btn-primary" type="button">批号</button> </span> </div>
最后结果都是:
版权声明:本文为alsf原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。