【问题标题】:What is the difference between bootstrap.min.css and bootstrap.css?bootstrap.min.css 和 bootstrap.css 有什么区别?
【发布时间】:2014-06-15 14:45:33
【问题描述】:

在 bootstrap.min.css 和 bootstrap.css 之间应该使用什么?

我对这两个文件感到困惑,因为bootstrap.css 是可读的,即可以上下滚动。但是bootstrap.min.css 很难编辑,因为您只能左右滚动。

【问题讨论】:

标签: css twitter-bootstrap twitter-bootstrap-3


【解决方案1】:

bootstrap.min.css 已被缩小。这意味着所有空格和其他额外字符都已被删除。这通常用于生产中,以减小文件的大小。开发时,使用未缩小的版本通常会有所帮助,因为正如您所说,它是可读的。

它的工作方式是获取所有变量(例如numbertableName)并将其转换为更短的名称(在此示例中,它将number 重命名为a,并将tableName 重命名为b),使文件变小一点(从 220 MB219 MB),本质上就是这样做的,当然它做得更多,但这是您可以掌握它的作用的一部分。

这就是没有空格的原因,因为一个空格占用 0.1 MB,最好没有它。

编辑:正如 DrBeza 在评论中提到的,如果您打算修改 bootstrap.css 文件,最好创建一个单独的 .css 文件并添加您自己的覆盖默认值的 css 规则。这样,如果您更新到较新版本的引导程序,您可以简单地换出引导程序文件,而无需编辑新的 bootstrap.css 以将您的修改移到它上面。

【讨论】:

  • 谢谢!所以这取决于开发者他们将使用什么。
  • 您通常“使用”两者。开发人员有多种方法在开发过程中使用文件的非缩小版本以便于调试,然后在生产中更改代码以指向缩小文件以减少传输给最终用户的文件大小。
【解决方案2】:

它们具有完全相同的功能,但.min.css 版本已缩小,这意味着已删除所有空格以减小文件大小并提高速度。

如果您想编辑和玩弄内容,普通的.css 更适合开发,但如果您绝对不打算修改文件,请使用.min.css 以获得更好的性能。

【讨论】:

    【解决方案3】:

    bootstrap.min.css 和 bootstrap.css 的主要区别在于间距。在 bootstrap.min.css 文件中,所有空格已被删除,在 bootstrap.css 文件中,空格在那里。因此,与 bootstrap.min.css 相比,文件大小显然会更大。因此,作为开发人员,我们应该使用 bootstrap.min.css。

    【讨论】:

      【解决方案4】:

      要点是这样的: 开发时使用 bootstrap.css,完成开发后使用 bootstrap.min.css(即:将代码中指向 bootstrap.css 的所有实例更改为 bootstrap.min.css),以便更快地加载和更好的用户体验最终用户。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2015-02-08
        • 1970-01-01
        • 2014-08-04
        • 1970-01-01
        • 2010-10-02
        • 2011-12-12
        • 2010-09-16
        • 2012-03-14
        相关资源
        最近更新 更多