CSS Twitter 的 Bootstrap 移动端是否像 Skeleton 一样友好？
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/8213657/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Is Twitter's Bootstrap mobile friendly like Skeleton?
提问by newnomad
Skeleton is made to scale to also fit mobile browsers, following the principles of responsive web design. Does Bootstrap offer the same?
遵循响应式 Web 设计的原则，Skeleton 可以进行扩展以适应移动浏览器。Bootstrap 是否提供相同的服务？
采纳答案by CherryFlavourPez
Not yet - http://groups.google.com/group/twitter-bootstrap/browse_thread/thread/6db57d09f654a326?pli=1
还没有 - http://groups.google.com/group/twitter-bootstrap/browse_thread/thread/6db57d09f654a326?pli=1
But it will be, at some point. The Roadmaphas this in for version 2.0. It's lightweight enough that in my experience you can add in your own media querieswithout much trouble.
但它会在某个时候。路线图在 2.0 版中有此内容。它足够轻量级，根据我的经验，您可以轻松添加自己的内容media queries。
EDIT- As of 1 Feb 2012, version 2.0is out, which is responsive down to mobile out of the box.
编辑- 截至 2012 年 2 月 1 日，2.0 版已发布，可立即响应移动设备。
EDIT- As of 19 Aug 2013, version 3.0is out, which is not only responsive but takes a mobile-first approach:
编辑- 截至 2013 年 8 月 19 日，3.0 版已发布，它不仅具有响应性，而且采用移动优先的方法：
With Bootstrap 2, we added optional mobile friendly styles for key aspects of the framework. With Bootstrap 3, we've rewritten the project to be mobile friendly from the start. Instead of adding on optional mobile styles, they're baked right into the core. In fact, Bootstrap is mobile first. Mobile first styles can be found throughout the entire library instead of in separate files.
在 Bootstrap 2 中，我们为框架的关键方面添加了可选的移动友好样式。使用 Bootstrap 3，我们从一开始就将项目重写为移动友好。它们不是添加可选的移动样式，而是直接融入核心。事实上，Bootstrap 是移动优先的。移动优先样式可以在整个库中找到，而不是在单独的文件中。
回答by Mads Laumann
Apparently it should support it now.
显然它现在应该支持它。
Originally built with only modern browsers in mind, Bootstrap has evolved to include support for all major browsers (even IE7!) and, with Bootstrap 2, tablets and smartphones, too.
Bootstrap 最初仅针对现代浏览器而构建，现已发展为支持所有主要浏览器（甚至 IE7！），以及 Bootstrap 2、平板电脑和智能手机。
Source: http://twitter.github.com/bootstrap/#grid-system
来源：http: //twitter.github.com/bootstrap/#grid-system
If you go to the site and resize your browser, you will se it's fitting nicely.
如果您访问该站点并调整浏览器的大小，您会发现它非常适合。
回答by Kavin Mehta
Yes Twitter Bootstrap's 2.0 version is based on responsive web design. look at their website: http://twitter.github.com/bootstrap/. You will have to play around with it when you download, cause the download version does not have it. You will have to rename the responsive css, best option is to look at their website and try to reverse engineer it.
是的 Twitter Bootstrap 2.0 版本基于响应式网页设计。看看他们的网站：http: //twitter.github.com/bootstrap/。下载时你必须玩弄它，因为下载版本没有它。您将不得不重命名响应式 css，最好的选择是查看他们的网站并尝试对其进行逆向工程。
回答by Lilith River
Mobile-friendly has many meanings. Bootstrap is responsive, which is a mobile-friendly attribute. It's also extremely heavy (it's designed for applications) - which is not mobile-friendly, especially for websites.
移动友好有很多含义。Bootstrap 是响应式的，这是一个移动友好的属性。它也非常重（它是为应用程序设计的） - 这对移动设备不友好，尤其是对于网站。
The Yahoo Pure framework is about 1/10th the weight, and provides the same feature setfor websites. I'd suggest something similar over Bootstrap for a mobile website.
Yahoo Pure 框架的权重约为 1/10，并为网站提供相同的功能集。对于移动网站，我建议在 Bootstrap 上使用类似的方法。
