Twitter 的 Bootstrap 是不是像 Skeleton 一样对移动设备友好？

Posted 2023-03-06

【中文标题】Twitter 的 Bootstrap 是不是像 Skeleton 一样对移动设备友好？

【英文标题】：Is Twitter's Bootstrap mobile friendly like Skeleton?Twitter 的 Bootstrap 是否像 Skeleton 一样对移动设备友好？

【发布时间】：2012-01-03 01:27:39

【问题描述】：

按照responsive web design 的原则，Skeleton 可以进行缩放以适应移动浏览器。 Bootstrap 是否提供相同的功能？

【问题讨论】：

没有。转到项目页面，查看网格 (twitter.github.com/bootstrap/#grid-system) 并调整浏览器大小。网格不会改变。

【参考方案1】：

还没有 - http://groups.google.com/group/twitter-bootstrap/browse_thread/thread/6db57d09f654a326?pli=1

但它会在某个时候。 The Roadmap 在 2.0 版中有这个。它足够轻巧，根据我的经验，您可以轻松添加自己的media queries。

编辑 - 自 2012 年 2 月 1 日起，version 2.0 已停用，它可以响应开箱即用的移动设备。

编辑 - 截至 2013 年 8 月 19 日，version 3.0 已发布，它不仅响应迅速，而且采用移动优先的方法：

在 Bootstrap 2 中，我们为框架的关键方面添加了可选的移动友好样式。使用 Bootstrap 3，我们从一开始就将项目重写为对移动设备友好。它们没有添加可选的移动样式，而是直接融入核心。事实上，Bootstrap 是移动优先的。移动优先样式可以在整个库中找到，而不是在单独的文件中。

【讨论】：

这是否意味着框架的基本使用可以让您免费获得移动支持，或者您是否必须以某种方式适应它？ （ps感谢您修改答案）

用 Twitter 自己的话来说：Bootstrap 不会自动包含这些媒体查询，但理解和添加它们非常容易，并且需要最少的设置。 如果您下载最新版本 ( CSS 而不是 LESS），您将看到样式表。坚持使用 Bootstrap 的结构和类，您无需做任何特别的事情。

将 添加到您的标题中。

【参考方案2】：

是的，Twitter Bootstrap 的 2.0 版本基于响应式网页设计。看看他们的网站：http://twitter.github.com/bootstrap/。下载时您将不得不使用它，因为下载版本没有它。您将不得不重命名响应式 css，最好的选择是查看他们的网站并尝试对其进行逆向工程。

【参考方案3】：

显然它现在应该支持它。

Bootstrap 最初只考虑现代浏览器而构建 演变为包括对所有主要浏览器（甚至 IE7！）的支持，并且， Bootstrap 2、平板电脑和智能手机。

来源：http://twitter.github.com/bootstrap/#grid-system

如果您访问该站点并调整浏览器的大小，您会发现它非常合适。

【参考方案4】：

移动友好有很多含义。 Bootstrap 是响应式的，这是一个对移动设备友好的属性。它也非常重（它是为应用程序设计的）——它不适合移动设备，尤其是对于网站。

Yahoo Pure framework is about 1/10th the weight, and provides the same feature set 用于网站。对于移动网站，我建议使用类似于 Bootstrap 的东西。