欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  资讯频道

Ratchet:移动端的Bootstrap

程序员文章站 2022-03-03 13:43:00
...
Bootstrap如今是Github上最火的开源项目之一,这是一个用于前端开发的工具包,由Twitter前设计师Mark Otto和Jacob Thornton合作开发。

现在Bootstrap开发团队又带来了一个专门针对移动端的框架——Ratchet,该框架允许你使用简单的HTML、CSS和JS组件来构建移动应用。

Ratchet:移动端的Bootstrap


Ratchet官网:http://goratchet.com/
Ratchet组件:http://goratchet.com/components/
Ratchet示例:http://goratchet.com/examples/

使用Ratchet创建应用的步骤

  1. 下载Ratchet,通过各个Ratchet组件拼凑出你想要的应用程序界面,可参考基本页面模板示例应用。你可以在应用<head>标签中添加ratchet-theme-ios.css或ratchet-theme-android.css文件来制定应用的平台。
  2. 通过push.js来连接页面,Push.js允许你创建一个看起来像真实应用的原型。
  3. 将应用原型保存到你的手机上。如果是iPhone,可以参考这些方式,对于Android,可以参考这个指南

Ratchet:移动端的Bootstrap


Ratchet源码https://github.com/twbs/ratchet

关注ITeye官方微博 @ITeye官微,获得更多更新资讯和社区精彩内容。