Twitter的Bootstrap是否像Skeleton一样适用于移动设备？

Question

Skeleton被设计成可按比例缩放以适应移动浏览器，遵循响应式网页设计原则。Bootstrap是否提供相同的功能？

- newnomad

---

请前往项目页面，查看网格（http://twitter.github.com/bootstrap/#grid-system），并调整浏览器大小。网格不会改变。 - Damon Bauer

Answer 1

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

但是在某个时间点会有。The Roadmap中计划在2.0版本中实现。根据我的经验，这足够轻量级，您可以很容易地添加自己的媒体查询。

编辑 - 截至2012年2月1日，version 2.0已发布，支持开箱即用的响应式设计。

编辑 - 截至2013年8月19日，version 3.0已发布，不仅支持响应式设计，而且采用了移动优先的方法：

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

- CherryFlavourPez

---

这是否意味着基本使用框架就可以免费获得移动支持，还是需要进行某些调整？（顺便感谢您修订您的答案） - Mario Zigliotto

根据Twitter的说法：“Bootstrap不会自动包含这些媒体查询，但理解并添加它们非常容易，而且需要最少的设置。”如果您下载了最新版本（CSS而不是LESS），您将看到样式表。坚持使用Bootstrap的结构和类，您就不需要做任何特殊处理。 - CherryFlavourPez

在你的头部添加<meta name="viewport" content="width=device-width, initial-scale=1.0">。 - Allfocus

Answer 2

显然，它现在应该支持它。

最初只考虑现代浏览器构建的Bootstrap已经发展到支持所有主要浏览器（甚至包括IE7！）以及Bootstrap 2，也支持平板电脑和智能手机。

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

如果您访问该网站并调整浏览器大小，您会发现它适合得很好。

- Mads Laumann

Answer 3

是的，Twitter Bootstrap的2.0版本基于响应式网页设计。看看他们的网站：http://twitter.github.com/bootstrap/。当你下载时，你需要自己摸索一下，因为下载版本并没有包含响应式CSS文件，你需要对其进行重命名。最好的选择是查看他们的网站并尝试逆向工程。

- Kavin Mehta

Answer 4

“移动友好”有很多含义。Bootstrap是响应式的，这是“移动友好”的属性。但它也非常重（它是为应用程序设计的），这对于网站来说不是“移动友好”的。

雅虎的Pure框架大约只有Bootstrap的十分之一的大小，并提供相同的功能集，我建议在移动网站中使用类似的东西，而不是Bootstrap。

- Lilith River