这篇文章给大家分享的是有关怎么使用bootstrap图标的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

使用图标的好处就是可以使页面不在单纯的文字,过于单调,可以增强页面的丰富性,吸引用户。

具体代码:

<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>Bootstrap图标-亿速云(yisu.com)</title><linkrel="stylesheet"href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"><scriptsrc="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script><scriptsrc="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script></head><body><p><buttontype="button"class="btnbtn-default"><spanclass="glyphiconglyphicon-certificate"></span></button><buttontype="button"class="btnbtn-default"><spanclass="glyphiconglyphicon-chevron-left"></span></button><buttontype="button"class="btnbtn-default"><spanclass="glyphiconglyphicon-chevron-right"></span></button><buttontype="button"class="btnbtn-default"><spanclass="glyphiconglyphicon-sort-by-order-alt"></span></button></p><buttontype="button"class="btnbtn-default"><spanclass="glyphiconglyphicon-comment"></span>info</button><buttontype="button"class="btnbtn-defaultbtn-sm"><spanclass="glyphiconglyphicon-earphone"></span>iPhone</button><buttontype="button"class="btnbtn-default"><spanclass="glyphiconglyphicon-user"></span>User</button></body></html>

感谢各位的阅读!关于“怎么使用bootstrap图标”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!