怎么在Bootstrap中添加图标以输入提交按钮

这篇文章给大家分享的是有关怎么在Bootstrap中添加图标以输入提交按钮的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

遵义网站建设公司成都创新互联公司,遵义网站设计制作，有大型网站制作公司丰富经验。已为遵义近1000家提供企业网站建设服务。企业网站搭建\成都外贸网站制作要多少钱，请找那个售后服务好的遵义做网站的公司定做！

答案：使用CSSposition属性

由于元素是一个空元素，因此我们不能像使用该元素创建的按钮那样将图标HTML直接放置在输入按钮中。

但是，我们可以将Glyphicon放置在输入按钮的外部，然后将其可视地推入内部，以创建一种效果，就像使用CSS定位技术将图标放置在按钮内部一样。

让我们尝试以下示例以了解其基本工作原理：

例试试这个代码»

 

   

 

   

---

 

   

 

   

---

 

 

   

 

感谢各位的阅读！关于“怎么在Bootstrap中添加图标以输入提交按钮”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！

文章名称：怎么在Bootstrap中添加图标以输入提交按钮
文章位置：http://cqcxhl.com/article/ihjhoi.html