语义 UI 面包屑活动状态

Semantic UI 是一个免费使用的开源框架，它提供了多个类来创建漂亮且响应迅速的 UI。它利用 jQuery 和 CSS 创建了与 bootstrap 非常相似的令人惊叹的 UI。它有许多类用于在 HTML 网页结构中设置不同元素的样式。

Semantic UI 为用户提供了许多组件来设计他们的界面。其中之一是“面包屑”。面包屑是一个容器，可以包含可以格式化为链接或文本的部分。

在本文中，我们将了解语义 UI 面包屑的活动状态，我们可以通过使用其上的活动类使该面包屑中的任何项目处于活动状态。我们将创建一个 UI 来显示面包屑的状态。

语义 UI 面包屑活动状态类：

• active ：您可以使用active类根据 UI 的内容将面包屑的各个部分设置为活动状态。

句法：

 
  
....

示例 1：在此示例中，我们使用带有

标记的活动类来演示面包屑的活动部分。

HTML

  

     
     
     

  

    
        
GeeksforGeeks 
        
Semantic UI: Breadcrumb Active State
  
        

            Home
            
            Articles
            
            Semantic UI
            
            Breadcrumb
            
            
Active State
        
         

输出：

语义 UI 面包屑活动状态

示例 2 ：在此示例中，我们使用带有 标记的活动类来演示面包屑的可点击活动部分。

HTML

  

    
    
    

  

    
        

            GeeksforGeeks
        
        
Semantic UI: Breadcrumb Active State
  
        

            Home
            
            Articles
            
            Semantic UI
            
            Breadcrumb
            
            Active State
        
    

输出：

语义 UI 面包屑活动状态

参考： https ://semantic-ui.com/collections/breadcrumb.html#active