我可以使用bootstrap 3和jQuery Mobile吗?

我读过许多“引导与jQuery手机”的文章。 很明显,他们都有不同的目标。 那么结合他们呢?

除此之外,我喜欢bootstrap的响应式布局function。 另一方面,我也喜欢“页面”方法和jQuery移动(包括滑动事件等)和转换的可能性。

有没有专业项目相结合? 还是有人试图这样做,失败?

我知道与jQuery Mobile使用Bootstrap看起来像一个类似的问题,但它是过时的(引用引导2)。

结论我不会推荐将JQuery Mobile和Bootstrap结合起来用于复杂的项目。

JQM知识我们正在使用JQuery Mobile(JQM)框架构build一系列复杂的Web应用程序。 我们已经花了一年多的时间来制作这个,现在对JQM有相当的了解。

积极的一些function是有用的,如持久页脚和移动友好的组件给HTML5应用程序一个非常原生的感觉。 缺点:我们必须禁用JQM的许多function,例如预加载页面以创build我们所需的复杂function。

最终结果是好的,因为我们欺骗了iOS开发者认为它是原生的。

Bootstrap知识我最近还生成​​了一个响应式网站,使用bootstrap来宣传上面的JQM产品,并且已经很成功( http://www.sure-sense.com )。

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

就我个人而言,我认为jQuery Mobile比你真正需要更多的function,也locking了你的build设方式,这是不灵活的。 当你有很多不同animation的面板时,它会开始变得越来越杂乱,通常很快就会让你变成80%的路,但是花费很长时间去做定制的事情。

我会使用twitter引导,然后添加插件来支持你需要的function。

Bootstrap有很多非官方的插件可以添加到模仿jQuery Mobile的function: 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 -网站/

对于一人工作,我不认为它是真正重要的单一解决scheme或组合select,因为这是所有你和唯一的“你”,使他们的工作。

然而,对于一个团队工作,一个公司甚至一个企业来说,这个工作分别包括制作模板+实施应用,分别负责到创意devise团队和IT团队。 所以最终的解决scheme对于这两个团队来说都是可以的。

对于我们公司来说,CD团队倾向于使用BootStrap,因为他们被要求制作很多定制的特效网页模板,但是IT团队已经做了一些jQM的应用,他们喜欢将它用于未来的开发工作,因此是一个冲突。

从长远来看,“用户需求”克服了冲突,现在我们打算使用BootStrap模板,尽量避免在我们主要的移动Web应用开发中使用jQM。

一个可怜但需要接受的select。