Bootstrap - Glyphicons

Bootstrap Glyphicons - 从概述，环境设置，基本结构，全局样式，网格系统，流体网格系统，布局，响应式设计，排版，表格，按钮，图像，图标，下拉列表，按钮组开始，简单易学地学习Bootstrap ，导航元素，导航栏，面包屑，分页，标签，徽章，版式，缩略图，警报，进度栏，媒体对象，Javascript插件像过渡，模态，下拉列表，Scrollspy，选项卡，工具提示，弹出，警报，按钮，折叠，旋转木马，Typeahead，Affix，Glyphicons，Jumbotron，Demos。

本章将讨论Glyphicons，其用途和一些例子. Bootstrap以字体格式捆绑200个字形.现在让我们了解Glyphicons是什么.

什么是Glyphicons？

Glyphicons是您可以在Web项目中使用的图标字体. Glyphicons Halflings 不是免费的，需要许可，但是他们的创建者已经将它们用于免费的Bootstrap项目费用.

"我们建议您在实际情况下向GLYPHICONS提供可选链接." - Bootstrap Documentation

在哪里可以找到Glyphicons？

现在我们已经下载了Bootstrap 3.x版本，并从章节了解其目录结构href ="https://img01.yuandaxia.cn/Content/img/tutorials/bootstrap/bootstrap_environment_setup.htm">环境设置，可以在 fonts 文件夹中找到glyphicons.这包含以下文件 :

glyphicons-halflings-regular.eot
glyphicons- halflings-regular.svg
glyphicons-halflings-regular.ttf
glyphicons-halflings-regular.woff

相关的CSS规则存在于 dist的css文件夹中的 bootstrap.css 和 bootstrap-min.css 文件中我>文件夹.您可以在此链接中查看可用的字形， GLYPHICONS .

用法

要使用图标，只需在代码中的任何位置使用以下代码即可.在图标和文本之间留一个空格以便正确填充.

以下示例演示了这个 :

User