bootstrap.min.css和bootstrap.css有什么区别?

时间:2014-04-29 15:05:22

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

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

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

4 个答案:

答案 0 :(得分:55)

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

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

答案 1 :(得分:18)

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

如果要编辑和播放内容,正常的.css更适合开发,但如果您肯定不打算修改文件,请使用.min.css以获得更好的性能。

答案 2 :(得分:1)

bootstrap.min.css和bootstrap.css之间的主要区别是间距。在bootstrap.min.css文件中,所有空白都已删除,而在bootstrap.css文件中的空白处。因此,显然,文件大小将比bootstrap.min.css大。因此,作为开发人员,我们应该使用bootstrap.min.css。

答案 3 :(得分:0)

要点是这样的: 开发时请使用bootstrap.css,开发完成后请使用bootstrap.min.css(例如,将指向bootstrap.css的代码中的所有实例更改为bootstrap.min.css),以加快加载速度并提供更好的UX最终用户。