Semantic-UI 子菜单内容

Semantic UI开源框架提供图标或字形，用于显示与某些元素相关的图片，使用 CSS 和 jQuery，用于创建出色的用户界面。它是一个用于创建漂亮和响应式布局的开发框架。语义 UI 菜单是一组显示不同导航操作的元素。我们可以导航到网站的不同页面。菜单可以是链接、搜索栏和下拉菜单的组合。语义 UI 子菜单内容可以在主菜单中包含另一个菜单或嵌套菜单。子菜单可以包含按类别分组的其他额外链接。

语义 UI 子菜单内容类：

• dropdown ：具有此类的容器可以在给定菜单中包含下拉菜单。

语法：创建一个带有下拉类的容器，并将其放置在菜单中以创建子菜单，如下所示：

    ...
    

        ...
    

示例：在以下示例中，我们有一个包含编程语言作为其他链接的子菜单。

HTML

  

    
    
    
    
    
    


  

    
        
            
                GeeksforGeeks
            
            Semantic UI Sub Menu Content
            
            
        
  
        
            
                GeeksforGeeks
            
            
                Data Structures
            
            
                Algorithms
            
            
                Machine Learning
            
            
                Programming Languages
                
                
                    
                        Python
                    
                    
                        C++
                    
                    
                        Java
                    
                
            
        
    

  

输出

参考： https ://semantic-ui.com/collections/menu.html#sub-menu