📜  布尔玛 |面包屑

📅  最后修改于: 2021-08-31 08:14:54             🧑  作者: Mango

Bulma是一个基于 Flexbox 的免费开源 CSS 框架。它组件丰富、兼容且文档齐全。它本质上是高度敏感的。它使用类来实现其设计。
Bulma 面包屑是一个简单的导航组件。当在导航标签中添加类“面包屑”时,导航链接之间的分隔线会自动创建。它使用 li 标签中的“is-active”修饰符指示当前页面。

示例 1:


  
    Bulma Breadcrumb
    
    
    
  
  
    
      
             
    
  

输出:

示例 2:不同的对齐方式面包屑


  
    Bulma Breadcrumb
    
    
    
  
  
    
           
       
           
       
           
  

输出:

示例 3:不同大小的面包屑


  
    Bulma Breadcrumb
    
    
    
  
  
    
           
       
           
       
           
  

输出:

示例 4:带有图标的面包屑


  
    Bulma Breadcrumb
    
    
    
  
  
    
    
  
    
           
     

输出:

示例 5:不同的分隔符


  
    Bulma Breadcrumb
    
    
    
  
  
    
    
  
    
      
        

Arrow Separator --->

      
      
               
    
       
      
        

Bullet Separator --->

      
      
               
    
       
      
        

Dot Separator --->

      
      
               
    
       
      
        

Succeeds Separator --->

      
      
               
    
     

输出: