bootstrap字体图标怎么使用

如果您想了解更多关于Bootstrap的知识,可以点击:Botstrap教程

本文解释了字体图标(Glyphicons),并通过一些实例了解其使用情况。Bootstrap 捆绑了 200 各种字体格式的字形。让我们先来了解一下什么是字体图标。

字体图标是什么

  字体图标就在这里 Web 项目中使用的图标字体。尽管如此,Glyphicons Halflings 需要商业许可证,但可以通过基于项目的 Bootstrap 免费使用这些图标。

  为了表达对图标作者的感谢,希望您在使用时能添加到图标作者中 GLYPHICONS 网站链接。

获取字体图标

在 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 文件上。

用法

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

          
          
          

声明:本文仅供个人学习使用,来源于互联网,本文有改动,本文遵循[BY-NC-SA]协议, 如有侵犯您的权益,请联系本站,本站将在第一时间删除。谢谢你

原文地址:bootstrap字体图标怎么使用

相关推荐