欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Bootstrap字体图标

程序员文章站 2024-02-16 23:31:58
...

获取字体图标

下载了 Bootstrap 3.x 版本,并理解了它的目录结构。在 fonts 文件夹内可以找到字体图标,它包含了下列这些文件:

·        glyphicons-halflings-regular.eot

·        glyphicons-halflings-regular.svg

·        glyphicons-halflings-regular.ttf

·        glyphicons-halflings-regular.woff

相关的 CSS 规则写在 dist 文件夹内的 css 文件夹内的 bootstrap.css  bootstrap-min.css 文件上。

用法

如需使用图标,只需要简单地使用下面的代码即可。请在图标和文本之间保留适当的空间。

<span class="glyphicon glyphicon-search"></span>

Bootstrap字体图标内容来源:点击打开链接