小編給大家分享一下bootstrap給input加圖標的方法，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

成都創(chuàng)新互聯(lián)公司專注于企業(yè)營銷型網(wǎng)站、網(wǎng)站重做改版、二道網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、H5響應(yīng)式網(wǎng)站、商城開發(fā)、集團公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù)，價格優(yōu)惠性價比高，為二道等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

示例代碼

    

         
         
        
    
    
        
            批號        
    

解讀：

1、首先使得他們在一行主要是"input-group"、“input-icon-group”和“input-group-btn”屬性起作用

2、使得input里面的圖標在input里面展現(xiàn)的效果主要是“input-icon input-icon-md”起作用，和“display: inline”起作用。

3、對于input框能夠占據(jù)整行空隙，而不是寬度很小，起作用的是“form-control”。

4、對于input框里面輸入文字后，不會覆蓋圖標，起作用的是“fc-clear”。

看完了這篇文章，相信你對bootstrap給input加圖標的方法有了一定的了解，想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！