Skip to main content
 首页 » 编程设计

jquery-mobile之在 jQuery Mobile 中使用 Bootstrap

2024年11月01日13soundcode

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

Bootstrap 干净、简单、美妙。但是,它缺少 jQuery Mobile 极其简单和可定制的“ ListView ”,我需要它来创建移动 Web 应用程序。

从我的简单测试来看,它们相互干扰(弄乱了一些布局、填充、大小等)。

所以,我的问题:

  • 我们可以在同一个 HTML 页面上同时使用 Bootstrap 和 jQuery Mobile 吗?
  • 如果我们不能将它们结合起来,那么 Bootstrap 对 jQuery Mobile 的“ ListView ”的回答是什么?
  • 请您参考如下方法:

    回答 1。

    怎么样jquery-mobile-bootstrap-theme ? (from author)

    是 jquery-mobile 的主题,它没有 Bootstrap 。

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

    您还可以覆盖 Bootstrap 的 css 以用于小型显示器以使用 jquery-mobile。 See this .

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

    回答2。

    我认为您正在寻找 Bootstrap 的 3 list group linked