语义UI |面包屑

Semantic UI 是一个开源框架，它使用 CSS 和 jQuery 来构建出色的用户界面。它与使用的引导程序相同，并且有很多不同的元素可以用来使您的网站看起来更神奇。它使用一个类向元素添加 CSS。

面包屑用于显示内容之间的层次结构。

示例 1：此示例创建一个简单的面包屑。

  

    Semantic UI
    
  
    
    

  

    
        Breadcrumb
        
            Home
            
            Data Structure
            
            Link-List
        
        
        
            Home
             / 
            Data Structure
             / 
            Link-List
        
    

  

输出：

示例 2：面包屑导航中的活动和禁用状态。

  

    Semantic UI
    
    
    

  

    
        Active state Breadcrumb
        
            Web
             / 
            
                Bootstrap
            
        
        
        Disabled state breadcrumb
        
            Web
             / 
            
                Semantic-UI
            
        
    

  

输出：

示例 3：不同大小的面包屑。

  

    Semantic UI
    
  
    
    

  

    
        Breadcrumb
        
            Home
            
            Data Structure
            
            Link-List
        
        
        
            Home
            
            Data Structure
            
            Link-List
        
        
        
            Home
            
            Data Structure
            
            Link-List
        
        
        
            Home
            
            Data Structure
            
            Link-List
        
    

  

您可以使用任何语义 UI 大小类“massive”、“medium”。
输出：