53

我读过很多“bootstrap vs. jQuery mobile”文章。很明显，他们都有不同的目标。那么如何将它们结合起来呢？

除此之外，我喜欢 bootstrap 的响应式布局功能。另一方面，我也喜欢“页面”方法以及 jQuery 移动（包括滑动事件等）和转换的可能性。

有没有将两者结合的专业项目？还是有人试图这样做但失败了？

我知道Using Bootstrap with jQuery Mobile看起来像一个类似的问题，但它已经过时了（参考 bootstrap 2）。

4

4 回答 4

44

结论 对于复杂的项目，我不建议将 JQuery Mobile 和 Bootstrap 结合起来。

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

优点：其中一些功能非常有用，例如持久页脚和移动友好组件，它们为 HTML5 应用程序提供了一种非常原生的感觉。负面因素：我们不得不禁用 JQM 的很多功能，例如预加载页面来创建我们需要的复杂功能。

最终结果是好的，因为我们欺骗了 iOS 开发人员，让他们认为它是原生的。

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

我尝试将引导程序与仪表板应用程序上的 JQM 项目结合起来，但这很快就突出表明这两个框架不兼容。JQM 的 CSS 将组件标记在 bootstrap CSS 之上，结果是一些组件看起来像 JQM，而另一些组件看起来像 bootstrap。

于 2014-03-19T21:58:05.930 回答
26

就我个人而言，我认为 jQuery Mobile 的功能比你真正需要的要多，而且它也将你锁定在一种不灵活的构建方式中。当您有许多具有不同动画的面板时，它开始变得混乱和混乱，并且通常很快就能完成 80% 的工作，但随后需要很长时间才能完成自定义操作。

我会使用 twitter 引导程序，然后添加插件来支持您需要的功能。

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 -网站/

于 2013-10-24T01:21:02.543 回答
2

对于一个人的工作，我认为选择什么单一的解决方案或组合并不重要，因为只有你和唯一的“你”才能让它们工作。

但是，对于一个团队工作，在公司甚至企业中，工作包括制作模板+实施应用程序，分别由创意设计团队和IT团队负责。所以最终的解决方案需要这两个团队都可以接受。

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

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

一个可怜但需要接受的选择。

于 2014-08-12T06:13:30.373 回答
0

在我的一个移动应用程序项目中，我决定一起使用 Bootstrap 和 JQM。我使用了 JQM 小部件，然后使用专用的 Bootstrap 来处理布局的结构。原因很简单，我想要更好地控制网格，因为 Bootstrap 的网格数量比 JQM 的布局控制非常有限。我还想使用跨网格，这在 Bootstrap 中很有可能，但在 JQM 中却没有。尽管覆盖一些 CSS 代码可以实现我在 JQM 中的目标，但这并不是一件明智的事情。

如果您打算做同样的事情，请准备好修复两个不同 UI 框架使用的命名约定中的一些小冲突。

于 2022-02-01T05:41:55.100 回答