基础 CSS 菜单

Foundation CSS是由 ZURB 基金会于 2011 年 9 月构建的开源和响应式前端框架，可以轻松设计美观的响应式网站、应用程序和电子邮件，这些网站、应用程序和电子邮件看起来很棒并且可以在任何设备上访问。它被许多公司使用，例如 Facebook、eBay、Mozilla、Adobe，甚至迪士尼。该框架建立在类似 Saas 的引导程序上。它更加复杂、灵活且易于定制。它还带有 CLI，因此很容易与模块捆绑器一起使用。它提供了 Fastclick.js 工具，用于在移动设备上更快地呈现。

Foundation CSS 中的菜单是一个导航列表，其中包含重定向到网站或 Web 应用程序中各种链接页面的不同组件。

基础 CSS 菜单类：

• menu ：此类用于创建导航菜单。

句法：

    
Content
    
Content

示例：这是 Foundation CSS 水平菜单的基本示例。

HTML

  

    Foundation CSS Menu
    
    
    

  

    GeeksforGeeks
    Foundation CSS Menu
    
        
          Placement Course
          
        
          DSA
          
        
          Algorithms
          
    

输出：

示例：这是 Foundation CSS Vertical Menu 的基本示例。

HTML

  

    
     

  

    
GeeksforGeeks
    
Foundation CSS Menu
    

        

          Home
          
        

          About
         
        

          Service
          
        

          Contact
      
    

  

输出：

参考：https://get.foundation/sites/docs/menu.html#basic-menu