Twitter Bootstrap 与“移动优先”

Posted 2023-03-31

【中文标题】Twitter Bootstrap 与“移动优先”

【英文标题】：Twitter Bootstrap vs "Mobile First"

【发布时间】：2012-04-11 12:55:24

【问题描述】：

我之前曾在“Mobile First”网站上工作过，现在我们正在为我们的网站使用 Twitter Bootstrap。问题是 Twitter Bootstrap 不是“移动优先”，而是“响应式”。

“移动优先”是指首先加载手机的基本样式表，因此不要求手机支持@media 查询。

Twitter Bootstrap 加载整个桌面样式表，使用 @media 查询将大小调整为移动设备。

Twitter 采用这种方法有什么原因吗？肯定不是那么兼容，而且旧设备无法使用？

是否有任何“移动优先”的 Twitter Bootstrap 模组我可以使用或者我必须自己创建？

【参考方案1】：

Bootstrap 3 是移动优先！耶！

V3 现已发布，见 http://getbootstrap.com/

【讨论】：

这是否意味着initializr.com 不需要同时提供“移动优先响应”和“Twitter 引导程序”，而只需提供“Twitter 引导程序”？

【参考方案2】：

没有使用过Mobile First，但相当广泛地遵循和使用了Bootstrap，这只是我的观点：

据我所知，“移动优先”作为一个概念就是这样，一种移动优先的开发方法；而 Bootstrap 是作为现代浏览器的简洁工具库开发的，直到最近才发展为广泛支持旧浏览器和移动设备。

来自 Bootstrap 网站：

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

不过，据我所知，Bootstrap 和移动设备有很多前景。只需挖掘 GitHub 里程碑，您就会看到大量项目正在开发中！

【参考方案3】：

mobile-first version of Bootstrap's grid layout 刚刚登陆 GitHub。看起来仍然需要 bootstrap.css 核心，但代码似乎可以工作。