布尔玛图标文本

Bulma是一个基于 Flexbox 的免费开源 CSS 框架。它组件丰富、兼容且文档齐全。它本质上是高度响应的。它使用类来实现其设计。在本文中，我们将学习 Bulma 图标文本。

Bulma 支持带有跨度或段落元素中的文本的图标元素。为了在 Bulma 框架中添加带有图标的文本，我们可以使用icon-text包装器。图标也可以插入

标签或任何段落文本之间。

布尔玛图标文本类：

• icon-text：该类用于给出图标元素的描述文本。

注意：您可以根据需要将许多图标元素与文本元素组合在一起，

句法：

  

    
  
  ....

下面的示例说明了 Bulma 图标文本：

示例：以下演示了 Bulma图标文本类。

HTML

  
    
    
    
    Bulma icon text
    
    
    
  
  
    
      
        GeeksforGeeks
      
      Bulma icon text
  
      
      
        Single icon:
        
          
        
        Home
      
  
      
      
        Multiple icons:
        
          
            
          
          Node Js
          
            
          
          HTML 5
          
            
          
          CSS 3
        
      
    
  

输出：

布尔玛图标文本

参考： https://bulma.io/documentation/elements/icon/#icon-text