良许Linux教程网 干货合集 简单讲解一下Foundation 价格表

简单讲解一下Foundation 价格表

Foundation 用于开发响应式的 HTML, CSS and JavaScript 框架。Foundation 是一个易用、强大而且灵活的框架,用于构建基于任何设备上的 Web 应用。

Foundation 价格表简介Foundation 价格表简介

Foundation 价格表

价格表可用于展示企业产品:

实例

    "pricing-table">   
  • "title">Basic
  •   
  • "price">$19.99
  •   
  • "description">Great for small business
  •   
  • "bullet-item">24/7 Support
  •   
  • "bullet-item">15GB Storage
  •   
  • "bullet-item">1GB Bandwidth
  •   
  • "cta-button">"button" href="#">Buy

实例解析

  1. ul.pricing-table – 定义价格表
  2. li.title – 定义产品标题 (黑色背景)
  3. li.price – 定义价格 (灰色背景字体大个项)
  4. li.description – 定义产品描述 (如果需要)
  5. li.bullet-item – 定义产品特点
  6. li.ca-button – 按钮文本 (如 “Buy”, “Join”, “Sign Up”, 等)

注意: 表格会 100% 填充容器的宽度,所有的项都有边框且是居中的。

价格表网格

以下实例显示了三个企业产品的价格(三项是均等划分宽度的):

实例

"row">   
"medium-4 columns">     
    "pricing-table">       
  • "title">Basic
  •       ...     
  
  
"medium-4 columns">     
    "pricing-table">       
  • "title">Pro
  •       ...     
  
  
"medium-4 columns">     
    "pricing-table">       
  • "title">Premium
  •       ...     
  

以上就是良许教程网为各位朋友分享的Linu系统相关内容。想要了解更多Linux相关知识记得关注公众号“良许Linux”,或扫描下方二维码进行关注,更多干货等着你 !

137e00002230ad9f26e78-265x300
本文由 良许Linux教程网 发布,可自由转载、引用,但需署名作者且注明文章出处。如转载至微信公众号,请在文末添加作者公众号二维码。
良许

作者: 良许

良许,世界500强企业Linux开发工程师,公众号【良许Linux】的作者,全网拥有超30W粉丝。个人标签:创业者,CSDN学院讲师,副业达人,流量玩家,摄影爱好者。
上一篇
下一篇

发表评论

联系我们

联系我们

公众号:良许Linux

在线咨询: QQ交谈

邮箱: yychuyu@163.com

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部
x
x