【问题标题】:Twitter Bootstrap vs "Mobile First"Twitter Bootstrap 与“移动优先”
【发布时间】:2012-04-11 12:55:24
【问题描述】:

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

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

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

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

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

【问题讨论】:

    标签: mobile 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 核心,但代码似乎可以工作。

      【讨论】:

        猜你喜欢
        • 2017-10-14
        • 2015-06-26
        • 1970-01-01
        • 2012-05-03
        • 1970-01-01
        • 1970-01-01
        • 2013-05-30
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多