Bootstrap 中的字形图标是什么？

Bootstrap 提供了一组称为Glyphicons的图形图标、符号和字体。一些 Glyphicons，如主页图标、用户图标、锁定图标等。通常，Glyphicons 是您可以在 Web 项目中使用的图标字体。 Bootstrap 包含 260 个字形图标。这些字形图标用于来自Bootstrap Glyphicons Halflings Set的 Web 项目。 Glyphicons Halflings 不是免费提供的，但它们的创建者已免费为 Bootstrap 提供了它们。

应用：

• 在 Web 项目中更有效、更轻松地理解。
• 用于一些文本、表单、按钮、导航等。
• 为任何 Web 项目提供有效和真实的外观。
• 使用它来定义任何东西，都可以很容易。

现在让我们看看如何在 Bootstrap 中使用 glyphicons

方法：要在 Bootstrap 中使用 Glyphicons 图标，请在代码中的任何位置使用以下代码。在图标和文本之间留一个空格以进行适当的填充，例如：

在所有其他样式表之前将 Bootstrap3 和 jQuery CDN 包含到 标记中以加载我们的 CSS。

示例 1：在此示例中，我们将在引导程序中看到字形图标以及如何在网页中使用它。

HTML

  

    
    
    
    
    
    

  

    
        Bootstrap Glyphicons Examples
  
        
            Here are some glyphicons examples 
            which shows different icons:-
        
  
         Home
         Search
         User
          Lock
    

  

输出：

Bootstrap Glyphicons 示例

示例 2：在此示例中，我们将使用字形图标以及具有不同按钮大小的按钮。

HTML

  

    
    
    
    
    
    

  

    
        Bootstrap Glyphicons Examples
  
        
            Here are some glyphicons along with 
            buttons with different buttons size:-
        
  
        
            Home Icon 
        
  
  
        
            Search Icon  
        
  
        Home Icon along with small button
            
                 Home
            
        
  
  
        Search Icon along with small button
            
                 Search
            
        
  
  
        Home Icon along with button
            
                 Home
            
        
  
  
        Search Icon along with button
            
                 Search
            
        
  
  
        Home Icon along with long button
            
                 Home
            
        
  
  
        Search Icon along with long button
            
                 Search
            
        
  
    

  

输出：

具有不同大小按钮的 Bootstrap Glyphicons