📌  相关文章
📜  布尔玛面包屑替代分离器

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

布尔玛面包屑替代分离器

Bulma Breadcrumb是一个简单的导航组件，可用于导航页面。这可以用来查看用户当前所在的页面，也可以返回上一页。在本文中，我们将了解用于分隔这些面包屑的面包屑替代分隔符。

Bulma Breadcrumb 替代分隔符类：

  • has-arrow-separator：用于为组件提供类似箭头的导航。
  • has-bullet-separator：用于为组件提供类似子弹的导航。
  • has-dot-separator：用于为组件提供点状导航。
  • has-succeeds-separator：用于给组件导航等成功。

句法：

示例 1：在此示例中，我们将使用箭头分隔符。

HTML


  

    


    

        GeeksforGeeks
    

    Bulma Breadcrumb Alternative Separators


    

    

HTML


  

    


    

        GeeksforGeeks
    

    Bulma Breadcrumb Alternative Separators
    


    

    

HTML


  

    


    

        GeeksforGeeks
    

    Bulma Breadcrumb Alternative Separators
    


    

  

HTML


  

    


    

        GeeksforGeeks
    

    Bulma Breadcrumb Alternative Separators
    


    

  

输出：

布尔玛面包屑替代分离器

布尔玛面包屑替代分离器

示例 2：在此示例中，我们将使用项目符号分隔符。

HTML 



  

    


    

        GeeksforGeeks
    

    Bulma Breadcrumb Alternative Separators
    


    

    

输出：

布尔玛面包屑替代分离器

布尔玛面包屑替代分离器

示例 3：在此示例中，我们将使用点分隔符。

HTML 



  

    


    

        GeeksforGeeks
    

    Bulma Breadcrumb Alternative Separators
    


    

  

输出：

布尔玛面包屑替代分离器

布尔玛面包屑替代分离器

示例 4：在此示例中，我们将使用成功分隔符。

HTML 



  

    


    

        GeeksforGeeks
    

    Bulma Breadcrumb Alternative Separators
    


    

  

输出：

布尔玛面包屑替代分离器

布尔玛面包屑替代分离器

参考链接： https://bulma.io/documentation/components/breadcrumb/#alternative-separators