Skeleton被设计成可按比例缩放以适应移动浏览器,遵循响应式网页设计原则。Bootstrap是否提供相同的功能?
Skeleton被设计成可按比例缩放以适应移动浏览器,遵循响应式网页设计原则。Bootstrap是否提供相同的功能?
目前还没有 - 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是移动优先的。移动优先的样式可以在整个库中找到,而不是在单独的文件中。
显然,它现在应该支持它。
最初只考虑现代浏览器构建的Bootstrap已经发展到支持所有主要浏览器(甚至包括IE7!)以及Bootstrap 2,也支持平板电脑和智能手机。
来源:http://twitter.github.com/bootstrap/#grid-system
如果您访问该网站并调整浏览器大小,您会发现它适合得很好。
是的,Twitter Bootstrap的2.0版本基于响应式网页设计。看看他们的网站:http://twitter.github.com/bootstrap/。当你下载时,你需要自己摸索一下,因为下载版本并没有包含响应式CSS文件,你需要对其进行重命名。最好的选择是查看他们的网站并尝试逆向工程。
“移动友好”有很多含义。Bootstrap是响应式的,这是“移动友好”的属性。但它也非常重(它是为应用程序设计的),这对于网站来说不是“移动友好”的。
雅虎的Pure框架大约只有Bootstrap的十分之一的大小,并提供相同的功能集,我建议在移动网站中使用类似的东西,而不是Bootstrap。