基础 CSS 厨房水槽面包屑

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

Kitchen Sink是 Foundation CSS 中的一个页面，其中列出了所有主要组件及其代码。它包含每个组件的所有基本模板及其代码。面包屑有助于在网站上查看用户的导航路径。

基础 CSS 面包屑类：

• 面包屑：此类用于表示当前页面在导航层次结构中的位置，由正斜杠 (/) 分隔。

句法：

    
 
        
 ... 
        
 ... 
    

示例：此示例描述 Foundation CSS 中的厨房水槽面包屑。

HTML

  

    Foundation CSS Kitchen Sink Breadcrumbs
    
    
    
    
        Foundation CSS Kitchen Sink Breadcrumbs
    

  

    GeeksforGeeks
    Foundation CSS Kitchen Sink Breadcrumbs
    
        
            
                Home
            
            
                Articles
            
            Foundation CSS
             
                Current:  
                Kitchen Sink 
            
        
    

输出：

示例：此示例描述了从给定页面链接重定向页面的 Kitchen Sink Breadcrumbs。

HTML

  

    Foundation CSS Kitchen Sink Breadcrumbs
    
    
    
    
        Foundation CSS Kitchen Sink Breadcrumbs
    

  

    GeeksforGeeks
    Foundation CSS KitchenSink breadcrumbs
    
        
            
                Home
            
            
                Books
            
        
        Choose the topics:
        
             
                
                    Computer Programming
                
            
             
                
                    Computer Architecture
                
            
        
    

  

输出：

注意：在上面的示例中，您必须创建“ home.html ”、“ programming.html ”和“ architecture.html ”页面。

参考：https://get.foundation/sites/docs/kitchen-sink.html