Bootstrap Glyphicons组件

Bootstrap为我们提供了Glyphicons组件,中文称为图标文字。

这些就是图标文字了,大约有250多个,上方是图标,下方是这个图标对应的CSS类,通过CSS我们就可以在自己的网页中使用这些图标。

可以进入这里查看更多:https://v3.bootcss.com/components/

如何使用图标文字

  • 添加Bootstap库
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"/>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

这里只添加了CSS的库,没有添加JS的库。

  • 通过图标下方的CSS类即可引用文件

使用图标文字的好处

图标文字本质上是字而不是图片,所以在CSS所有可以运用到文本上的样式都可以运用到图标文字上,无限放大也不会会失真。

猜你喜欢

转载自blog.csdn.net/Sacredness/article/details/82492620