布尔玛标签对齐

Bulma 是一个开源 CSS 框架，它提供了预构建的组件，这些组件可以组合在一起以制作响应式网站和 Web 应用程序。在 Bulma 中，我们可以将选项卡列表居中、右、左对齐。

Bulma 标签对齐类：

• is-centered：该类用于使选项卡的列表居中。
• is-left：该类用于将选项卡的列表向左对齐。
• is-right：该类用于将选项卡的列表向左对齐。

句法：

    ...

示例 1：在下面的示例中，我们使用is-centered使选项卡的位置居中。

输出：

布尔玛中心标签对齐

示例 2：在下面的示例中，我们使用is-left将选项卡的位置设置在左侧。

HTML

 

    
    


    

        GeeksforGeeks
    
    Bulma Tabs Alignment

    

        

            
GFG
            
Courses
            
Practice
            
Jobs
        
    

 

输出：

布尔玛标签左对齐

示例 3：在下面的示例中，我们使用is-right将选项卡的位置设置在右侧。

HTML

 

    
    


    

        GeeksforGeeks
    
    Bulma Tabs Alignment

     

        

            
GFG
            
Courses
            
Practice
            
Jobs
        
    

 

输出：

布尔玛标签右对齐

参考： https://bulma.io/documentation/components/tabs/