布尔玛间距

Bulma 有许多类工具，可以轻松地为 HTML 中的元素设置样式。它包括用于修改元素外观的各种响应式填充和边距类。间距实用程序没有可应用于断点的断点符号。

在各种类中使用以下语法来添加间距。

• xs 的 (property)(sides)-(size)
• （属性）（边）-（断点）-（大小）用于 sm、md、lg 和 xl。

属性：有两种方法可以给元素添加间距。

• m：此属性定义边距。边距提供边缘或边界。
• p：此属性定义填充。填充属性用于在内容周围生成空间。

配置边：这允许用户在需要时将内容中的间距添加到特定边。

• t ：边距顶部/填充顶部。
• b :边距底部/填充底部。
• l ：左边距/左边距。
• r： margin-right/padding-right。
• x ：用于 padding-left 和 padding-right/margin-left 和 margin-right。
• y ：用于 padding-top 和 padding-bottom/margin-top 和 margin-bottom。
• 空白：元素所有边的边距/填充。

所有大小的列表：这允许用户将特定数量的间距添加到一个级别。

• 0 – 0rem 边距/填充。
• 1 – 0.25rem 边距/填充。
• 2 – 0.5rem 边距/填充。
• 3 – 0.75rem 边距/填充。
• 4 – 1rem 边距/填充。
• 5 – 1.5rem 边距/填充。
• 6 – 3rem 边距/填充。
• auto - 自动保证金。

断点：断点是网站内容可以根据设备调整并允许向用户显示最佳布局的点。

例子：

HTML

  

    
  
    
      
    

  

    

        GeeksforGeeks
    
      
    Bulma Space Class
    

      
    

        

            GeeksforGeeks
        
  
        

        

            GeeksforGeeks
        
  
        

        

            GeeksforGeeks
        
    

  

输出：

布尔玛太空班