第一種：

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

最后結(jié)果都是：

總結(jié)

以上是生活随笔為你收集整理的bootstrap的两种在input框后面增加一个图标的方式的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。