📜  布尔玛图标字体真棒变化

📅  最后修改于: 2022-05-13 01:56:24.233000             🧑  作者: Mango

布尔玛图标字体真棒变化

在本文中,我们将看到 Bulma Font Awesome 图标的变体。 Bulma 有 4 种 Font Awesome 变体,它们包括固定宽度图标、边框图标、动画和堆叠图标。所有这些变体都将在下面通过它们的每个示例进行讨论。

布尔玛图标字体真棒变化修饰符:

  • 固定宽度:要使用固定宽度的图标,请使用 fa-fw类添加一个普通的图标。
  • 边框宽度:要使用边框宽度图标,请使用fa-border 类在图标周围添加边框。
  • 动画:要使用动画图标,请使用 fa-pulse 类为图标添加动画。
  • 堆叠:要在彼此顶部添加两个图标或想要制作图标堆叠,请使用fa-stack-2xfa-stack-1x fa-inverse类。

句法:


    
    
    
    ....

示例:下面的示例说明了 Bulma Font Awesome 图标的变体。

HTML


  

    
    
    
    GFG
    
    

  

    
        

          GeekforGeeks         

        

          Bulma Font Awesome icons variations         

           
                                                          
                                                          
                                                          
                                                                                                                        
                                                                                                                 
    
  


输出:

布尔玛图标字体真棒变化

布尔玛图标字体真棒变化

参考: https://bulma.io/documentation/elements/icon/#font-awesome-variations