Twitter Bootstrap 适合触摸屏吗？答案

【问题标题】：Is Twitter Bootstrap suitable for touch screens?Twitter Bootstrap 适合触摸屏吗？
【发布时间】：2013-05-26 12:35:58
【问题描述】：

我正在考虑将 Twitter Bootstrap (TB) 用于移动 Web 应用程序。 TB 的下一个版本，version 3，声称是“移动优先”。但是，查看包含的 Javascript 文件，我几乎只看到“点击”事件，几乎没有使用任何“触摸”事件。 TB 依靠 Jquery 来处理事件。此外，CSS 中有很多“悬停”定义，它们不适用于触摸屏。尽管如此，我还是在谷歌搜索时发现了很多关于在移动网络应用程序中使用 TB 的建议和教程。

我的问题是：Twitter Bootstrap 在触摸屏上的性能如何（主要是速度和响应时间）？

【问题讨论】：

我在许多移动 Web 应用程序中都使用了 Twitter Bootstrap，它运行起来非常酷。无论如何，悬停定义对移动设备没有意义。
这里列出了很多与 Bootstrap Github 页面上的导航下拉菜单相关的问题：github.com/twitter/bootstrap/issues/4550 我个人不会为此目的使用 Bootstrap，但如果我这样做了，我会必须花费大量时间使用媒体查询来隐藏不兼容的 Bootstrap 组件（有关有问题的项目，请参见上面的链接）。我的建议是去别处看看。注意：但是，正如你所说，Bootstrap 3 即将推出 - 我还没有查看它的规范，所以可能会有改进
Twitter Bootstrap 是一个很棒的工具，我发现它适用于移动设备，但在加载时间方面，它确实有很多功能，根据您的要求，您可能不需要。也许更自定义的方法可以为您节省一些加载时间并帮助提高速度。

标签： javascript jquery performance twitter-bootstrap touchscreen

【解决方案1】：

我一直在使用 Twitter Bootstrap (v2) 为一系列也在移动平台上使用的 Web 应用程序进行开发。您必须记住，Twitter Bootstrap 并不是满足所有设计需求的完整解决方案。它“引导”您的项目不必担心某些事情。

Bootstrap v3 承诺为移动平台做更多的“引导”，但这并不意味着您不必为您希望部署的任何平台进行某些开发。

如果使用 Bootstrap v2，您可以使用给定的 CSS 和自定义样式轻松移动某些元素。它的速度非常快，几乎所有现代移动设备都对@media 查询提供了出色的支持，让您可以轻松定位特定的移动设备尺寸。例如;我在特定文件中使用媒体查询来使所有按钮占据整个宽度，以便在触摸设备上更轻松地访问。

就 Bootstrap v3 而言，我很好奇，因为候选发布版并没有真正向我展示任何真正改变我为移动设备开发的方式的东西。

希望对你有所帮助。

【讨论】：