JQuery Mobile、Bootstrap 和 CSS3 媒体查询
使用什么组合
要拥有一个 UI 框架，我们都应该使用 Bootstrap 之类的东西。要为 Mobile 开发，我需要一些可以轻松在一个 HTML 文件中切换页面的东西，就像 JQuery Mobile (JQM) 一样。要针对不同的屏幕宽度（iPhone、iPad 等）进行开发，我需要根据响应式网页设计规则进行开发。
根据http://jquerymobile.com/test/docs/api/mediahelpers.html，JQM不支持媒体查询，其中表示不推荐使用辅助类。它将您指向媒体查询，除非您使用 Bootstrap 或 Skeleton，否则没有好的示例
在寻找将 Bootstrap 与 JQM 结合的信息时，除了在 JQM 中创建 Bootstrap 主题的 Andy Matthews 之外，没有其他好的示例。http://www.andymatthews.net/read/2012/02/13/New-jQuery-Mobile-theme:-Twitter-Bootstrap
那么，使用响应式网页设计开发 WebApps 的常见做法是什么？人们是否忽略了 JQM（并自己做 page-in-html 的东西），还是他们忽略了 Bootstrap（并使用 JQM 中的媒体查询手动进行响应式网页设计）？
或者是否有一个涵盖所有 de WebApp 开发的整体解决方案？（请不要说PhoneGap）
添加一些关于我寻求清晰的信息：我的 index.html 标题中有以下几行：
<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
根据我的意见有点多？或者这是正确的吗？希望任何更有经验的 WebApp 开发人员能够对此有所了解。
谢谢，