Twitter的Bootstrap是否像Skeleton一样移动友好?

new*_*mad 34 css responsive-design twitter-bootstrap skeleton-css-boilerplate

根据响应式网页设计的原则,Skeleton可以扩展以适应移动浏览器.Bootstrap提供相同的功能吗?

Che*_*Pez 31

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

但在某些时候它会是.路线图适用于2.0版本.它足够轻巧,根据我的经验,你可以自己添加,media queries没有太多麻烦.

编辑 - 截至2012年2月1日,版本2.0已经发布,它可以立即响应移动设备.

编辑 - 截至2013年8月19日,版本3.0已经发布,它不仅具有响应性,而且采用移动优先方法:

通过Bootstrap 2,我们为框架的关键方面添加了可选的移动友好样式.使用Bootstrap 3,我们从一开始就将项目重写为移动友好型.它们不是添加可选的移动样式,而是直接进入核心.事实上,Bootstrap首先是移动的.移动的第一个样式可以在整个库中找到,而不是在单独的文件中找到.

  • 将<meta name ="viewport"content ="width = device-width,initial-scale = 1.0">添加到标题中. (3认同)
  • 用Twitter自己的话说:_Bootstrap不会自动包含这些媒体查询,但理解和添加它们非常简单,只需要最少的设置.如果你下载最新版本(CSS而不是LESS),你会看到样式表.坚持使用Bootstrap的结构和类,你不需要做任何特别的事情. (2认同)

Mad*_*ann 11

显然它现在应该支持它.

Bootstrap最初仅以现代浏览器为基础,已经发展到包括对所有主流浏览器(甚至是IE7!)的支持,以及支持Bootstrap 2,平板电脑和智能手机.

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

如果你去网站并调整你的浏览器大小,你会很好地适应它.


Reg*_*ias 6

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