我可以和jQuery Mobile一起使用bootstrap 3吗？

Question

我读过许多"bootstrap vs. jQuery mobile"文章.很明显,他们都有不同的目标.那么结合它们呢？

除了其他,我喜欢bootstrap的响应式布局功能.另一方面,我也喜欢"页面"方法和jQuery mobile(包括滑动事件等)和转换的可能性.

是否有专业项目结合两者？或者有人试图这样做并失败了？

我知道在jQuery Mobile中使用Bootstrap看起来像一个类似的问题,但它已经过时了(参考bootstrap 2).

Answer 1

结论 我不建议将JQuery Mobile和Bootstrap结合用于复杂项目.

JQM知识 我们正在使用JQuery Mobile(JQM)框架构建一系列复杂的Web应用程序.我们花了一年多的时间来制作这个,现在对JQM非常了解.

积极因素:一些功能非常有用,例如持久页脚和移动友好组件,这些组件为HTML5应用程序提供了非常原生的感觉.否定:我们必须禁用JQM的许多功能,例如预加载页面以创建我们需要的复杂功能.

最终的结果很好,因为我们已经让iOS开发人员误以为它是原生的.

Bootstrap Knowledge 我最近还制作了一个响应式网站,使用bootstrap来宣传上述JQM产品,并且效果非常好(http://www.sure-sense.com).

Combo 我试图在仪表板应用程序上将引导程序与JQM项目结合起来,但很快就强调了这两个框架不兼容.JQM的CSS标记了引导CSS之上的组件,结果是一些看起来像JQM的组件和其他类似bootstrap的组件.

Answer 2

就我个人而言,我认为jQuery Mobile拥有的功能比您真正需要的更多,而且它还会将您锁定为一种不灵活的构建方式.当你有许多具有不同动画的面板时,它会开始变得越来越麻烦,并且通常可以很快地获得80%的速度,但是需要很长时间才能完成定制的事情.

我会使用twitter bootstrap然后添加插件来支持你需要的功能.

Bootstrap有很多非官方的插件可以添加来模仿jQuery Mobile的功能:http: //bootsnipp.com/resources

这里有一个指南只使用jQuery Mobile的滑动事件:http: //lazcreative.com/blog/adding-swipe-support-to-bootstrap-carousel-3-0/

或者您可以使用自己的插件手动添加滑动事件:http: //stephband.info/jquery.event.swipe/

如果您想要一个可扩展的侧边栏菜单,您可以自己轻松添加:

-webkit-transition: width 0.35s ease;
-moz-transition: width 0.35s ease;
-o-transition: width 0.35s ease;
transition: width 0.35s ease;

http://jsfiddle.net/Osis/Mns8q/ http://codepen.io/krichnafsky/pen/cuhkL http://coding.smashingmagazine.com/2013/01/15/off-canvas-navigation-for-responsive -网站/