3

在我的一个网站中,我使用 Twitter Bootstrap 2.3。我喜欢它的响应式行为,移动设备中的媒体查询。但它缺乏移动功能(尤其是链接列表视图)所以我需要使用一个框架来处理我的网站的移动版本。

经过一些研究,我发现 jquery mobile、sensa touch、jqtouch、iui、mobilize.js、zepto 是可能的候选者。

您对移动页面的 javascript 框架/插件有什么建议,可以很好地与 twitter bootstrap 配合使用?

可能的相关问题:
Bootstrap list view like jqm
twitter-bootstrap vs jquery-mobile
Using Bootstrap with jQuery Mobile

4

3 回答 3

1

另请阅读:Twitter Bootstrap 导航栏:[左按钮-- 中心文本-- 右按钮]?二

我认为我应该可以使用 Twitter 的 Bootstrap (3) 构建移动界面。是的,你是对的(链接的)列表视图会错过。也许先检查http://getbootstrap.com/components/#list-group。当然,您需要编写一些代码来处理这些操作。

其他需要考虑的要点:导航和页面结构。jQuery mobile 等框架在一个 url 上提供更多页面,请参阅:http: //jquerymobile.com/demos/1.0a2/#docs/pages/docs-navmodel.html而 sencha 使用 MVC 方法。考虑使用http://getbootstrap.com/javascript/#tabs(或http://getbootstrap.com/javascript/#scrollspy)来模仿这种结构。

其他示例,请参见:如何使 JS 水平内容从 px 滑动到 % 响应一个带有 TB 的漂亮界面,@boblet现在非常适合移动设备:http: //bootply.com/73715David Panzarella用图标开始了一个干净的移动导航栏: Bootstrap 3 RC2 Navbar with Multiple Collapses可以在这里找到另一种移动导航结构:使用 Twitter Bootstrap 2.x 在移动设备上切换侧边栏

祝你好运

于 2013-08-17T13:17:09.943 回答
0

如果你准备好将 Bootstrap 和其他几个框架混在一起,那么请确保你对 jQuery、JavaScript、CSS 有足够的了解。

每个框架都有自己的强制样式等方式,因此如果您要将多个平台组合在一起,您经常会遇到诸如预期框架的预期样式没有被应用的问题。

我建议你坚持使用 jQuery Mobile。jQuery Mobile 1.3 有很多响应式设计概念。在发行说明本身中,他们提到他们正在努力支持响应式设计。阅读jQuery Mobile 提供的官方文档。这会给你一个良好的开端。

免责声明:我只使用了 Twitter Bootstrap 和 jQuery Mobile。但我听说其他移动框架不如 jQuery Mobile 灵活。还要记住 Sencha touch 与 jQuery Mobile 相比非常快,但对于初学者来说有点难上手。

于 2013-03-28T05:10:22.797 回答
0

我会推荐 iUI,因为我正在研究它(嗯嗯),因为它或多或少是一块空的画布,你可以“绘制”任何你想要的东西。JQuery Mobile 或 Sencha 很不错,但它们带有几十个按钮和 UI 元素,您可能不需要网站。如果您想在所有内容都预定义的情况下为您的移动网站提供自定义外观,甚至会变得一团糟。

afaik,Zepto 只是一个轻量级的 JQuery,所以这并不能解决你的链接列表视图问题......

请尝试我的 iUI v2 项目 Emy,您可以在这里尝试: http ://www.emy-library.org/demos/ 还有一些错误需要修复,但我已经接近初始版本了。与 iUI 相比的最大区别在于 HTML5 语法、自定义动画、完整文档和 WindowsPhone 支持。 http://www.emy-library.org/documentation/1.0/getting-started.html

干杯!

于 2013-03-29T11:18:38.230 回答