本章将讨论Glyphicons，其用法和一些示例。 Bootstrap会捆绑200个字形的字体。现在让我们了解什么是Glyphicons。

什么是Glyphicons？

字形是图标字体，您可以在Web项目中使用。 Glyphicons Halflings不是免费的，并且需要许可，但是其创建者已使它们免费用于Bootstrap项目。

“建议您，谢谢，我们要求您在可行的情况下包括一个指向GLYPHICONS的可选链接”。 — Bootstrap文档

在哪里可以找到Glyphicons？

现在，我们已经下载了Bootstrap 3.x版本，并且可以从Environment Setup一章中了解其目录结构，可以在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



    
   
   User



    
   
   User