在jQuery Mobile中使用Bootstrap [英] Using Bootstrap with jQuery Mobile

问题描述

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的极其简单的&可定制的列表视图"，我需要创建移动Web应用程序.

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).

所以，我的问题:

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

推荐答案

答案为1.

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

Answer to 1.

What about jquery-mobile-bootstrap-theme? (from author)

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

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

此外，如果您要使用引导程序，只需将引导程序的CSS添加到您的网页中，除非您在div中使用引导程序的ID，否则样式不应与jquery mobile冲突.

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.

对于小型显示器，您还可以覆盖bootstrap的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.

我认为您正在寻找bootstrap的3个列表组已链接

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