css - bootstrap.min.css 和 bootstrap.css 有什么区别？

Question

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

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

Answer 1

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

它的工作方式是获取所有变量(例如 number、tableName)并将其转换为较短的名称(在本例中，它重命名 number 到 a，tableName 到 b)，这样文件就变小了(从 220 MB 到 219 MB)，这基本上就是它正在做的事情，当然它做的更多，但这是您可以掌握它所做事情的一部分。

这就是为什么没有空格，因为一个空格占用 0.1 MB，最好没有它。

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