這篇文章給大家分享的是有關(guān)怎么在Bootstrap中添加圖標(biāo)以輸入提交按鈕的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

遵義網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián)公司,遵義網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為遵義近1000家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站制作要多少錢，請找那個(gè)售后服務(wù)好的遵義做網(wǎng)站的公司定做！

答案：使用CSSposition屬性

由于元素是一個(gè)空元素，因此我們不能像使用該元素創(chuàng)建的按鈕那樣將圖標(biāo)HTML直接放置在輸入按鈕中。

但是，我們可以將Glyphicon放置在輸入按鈕的外部，然后將其可視地推入內(nèi)部，以創(chuàng)建一種效果，就像使用CSS定位技術(shù)將圖標(biāo)放置在按鈕內(nèi)部一樣。

讓我們嘗試以下示例以了解其基本工作原理：

例試試這個(gè)代碼»

 

   

 

   

---

 

   

 

   

---

 

 

   

 

感謝各位的閱讀！關(guān)于“怎么在Bootstrap中添加圖標(biāo)以輸入提交按鈕”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

本文名稱：怎么在Bootstrap中添加圖標(biāo)以輸入提交按鈕
網(wǎng)站路徑：http://weahome.cn/article/ihjhoi.html