布尔玛可变间隙

Bulma Variable Gap类用于在列之间创建定义的间隙，该类中有 9 个选项修饰符。所有的类都在下面提到和描述。此类可用作列宽。

布尔玛可变间隙：

• is-0：这个类消除了类之间的差距。它类似于 无间隙类。
• is-1：这个类在0.25rem的列之间创建一个间隙。
• is-2：这个类在0.5rem的列之间创建一个间隙。
• is-3：该类在 0.75rem 的列之间创建一个间隙，这是默认值。
• is-4：这个类在 1rem 的列之间创建了一个间隙。
• is-5：这个类在1.25rem的列之间创建一个间隙。
• is-6：这个类在1.5rem的列之间创建一个间隙。
• is-7：该类在 1.75rem 的列之间创建一个间隙。
• is-8：这个类在 2rem 的列之间创建了一个间隙。

注意：此功能仅在支持 CSS 变量的浏览器中可用。

示例 1：以下示例说明了 Bulma 中的可变间隙

HTML

  

    

  

    

        GeeksforGeeks
    
 Bulma Variable Gap
    

    

        

            

                
 
                  First column 
                
                

                
 
                  Second column
                
                

                
 
                  Third column 
                
                

                
 
                  Fourth column
                
                

            
        
        

  

输出：

示例 2：

HTML

  

     

  

    

        GeeksforGeeks
    
 Bulma Variable Gap
    

    

        

            

                
 
                  First column 
                

                
 
                  Second column 
                

                
 
                  Third column 
                

                
 
                  Fourth column 
                

            
        
        

  

输出：

参考： https ://bulma.io/documentation/columns/gap/#variable-gap