📜  基础 CSS 厨房水槽滑块

📅  最后修改于: 2022-05-13 01:56:15.299000             🧑  作者: Mango

基础 CSS 厨房水槽滑块

Foundation CSS是由 ZURB 于 2011 年 9 月创建的开源和响应式前端框架,可以轻松创建可在任何设备上运行的令人惊叹的响应式网站、应用程序和电子邮件。许多公司,如 Facebook、eBay、Mozilla、Adobe,甚至迪士尼,都在使用它。该框架基于 bootst rap ,类似于 SaaS。它更加复杂、通用且可配置。它还带有一个命令行界面,使其易于与模块捆绑器一起使用。电子邮件框架为您提供响应式 HTML 电子邮件,可以在任何设备上阅读。 Foundation for Apps 允许您构建完全响应的 Web 应用程序。

Foundation CSS Kitchen Sink具有在我们的网站和应用程序中运行良好的基础元素。当我们拖动滑块时, Slider用于指定值的范围。当我们想要设置范围并且用户可以从滑块中选择范围时使用它。

使用的类:

  • 滑块:用于创建滑块。
  • slider-handle :用于创建滑块句柄。
  • slider-fill :用于填充滑块。
Syntax:

示例 1:以下代码演示了水平厨房水槽滑块。

HTML


  
    Foundation CSS Kitchen Sink
  
    
    
    
    
    
    
  
  
  
    
      

GeeksforGeeks

      

Foundation CSS Kitchen Sink Slider

         
                                 
      
                                 
    
          


HTML


  
    Foundation CSS Kitchen Sink
  
    
    
    
    
    
    
  
  
  
    
      

GeeksforGeeks

      

Foundation CSS Kitchen Sink Slider

         
                                 
      
                                 
    
          


输出:

示例 2:以下代码演示了垂直厨房水槽滑块。

HTML



  
    Foundation CSS Kitchen Sink
  
    
    
    
    
    
    
  
  
  
    
      

GeeksforGeeks

      

Foundation CSS Kitchen Sink Slider

         
                                 
      
                                 
    
          

输出:

参考链接: https://get.foundation/sites/docs/kitchen-sink.html#slider