在 jQuery Mobile 中使用 Bootstrap

本文介绍了在 jQuery Mobile 中使用 Bootstrap的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

Bootstrap (v2) 和 jQuery Mobile (v1.1 RC1) 都提供了我想用于我的应用程序的构建块.

Both Bootstrap (v2) and jQuery Mobile (v1.1 RC1) provides building blocks that I want to use for my application.

Bootstrap 干净、简单且精彩.但是，它缺少jQuery Mobile 的极其简单的&创建移动网络应用程序所需的可自定义列表视图".

Bootstrap is clean, simple and wonderful. However, it lacks jQuery Mobile's extremly simple & customizable "List View" which I need to create mobile web applications.

根据我的简单测试，它们相互妨碍(弄乱了一些布局、填充、大小等).

From my simple test, they get in each other's way (messing up some layouts, paddings, sizes, etc).

那么，我的问题:

我们可以在同一个 HTML 页面上同时使用 Bootstrap 和 jQuery Mobile 吗?
如果我们不能组合它们，Bootstrap 对 jQuery Mobile 的列表视图"的回答是什么?

回答 1.

jquery-mobile-bootstrap-theme 怎么样?(来自作者)

是 jquery-mobile 的主题，它没有引导程序.

Is a theme for jquery-mobile, it has no bootstrap.

另外，如果你想要bootstrap，只需将bootstrap的css添加到你的网页中，样式不应该与jquery mobile发生冲突，除非你在div中使用bootstrap的id.

Also, if you want bootstrap, just add bootstrap's css to your webpage, the styles should not collide with jquery mobile, unless you use bootstrap's ids in divs.

您还可以覆盖小型显示器的引导程序 css 以使用 jquery-mobile.看到这个.

You could also override bootstrap's css for small displays to use jquery-mobile. See this.

// Landscape phones and down
@media (max-width: 480px) { ... }

回答 2.

我认为您正在寻找引导程序的 3 list group links

这篇关于在 jQuery Mobile 中使用 Bootstrap的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！

rc1