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

22

我正在使用bootstrap.css,发现还有一个名为bootstrap-combined.min.css的css文件,这两个样式文件有什么区别吗?需要同时引入这两个文件吗?哪一个更好?


1
一般来说,.js文件的min.js版本不包含任何注释或不必要的空格以减小文件大小。总之,就像你已经说过的那样,在功能上没有区别。在bootstrap的情况下:您不必同时包含它们(如此处所示:http://getbootstrap.com/javascript/)。 - Matthias R.
4个回答

36
文件bootstrap-combined.min.css适用于Bootstrap v2,它是bootstrap.css(主要的CSS文件)和bootstrap-responsive.css(响应式Bootstrap样式)的组合CSS文件。与分别使用这两个文件完全相同,但它只为您节省了一次额外的请求。
文件名中的“min”部分表示已将其缩小,也就是说,已经删除了所有不必要的空格/注释等。 结论 bootstrap.min.css = bootstrap.css的压缩版本 bootstrap-combined.min.css = bootstrap.min.css + bootstrap-responsive.min.css

2

基本上,min是经过压缩的版本,适用于生产环境。在普通版本中,您可以查看代码并进行编辑(在某些情况下,这是必要的)。压缩后的版本大小显著减小,有助于节省带宽、时间和内存。


1

combined 表示 Bootstrap 组件的集合,合并成为一个文件。min 表示minified file,即:

在计算机编程语言中,尤其是 JavaScript 中,缩小 (Minification) 是指从源代码中删除所有不必要的字符而不改变其功能。这些不必要的字符通常包括空格、换行符、注释和有时用于添加对代码可读性的块分隔符,但对代码执行没有影响。

缩小后的组合版本最适合生产部署,因为它最小化了请求和带宽使用量,从而提高了页面加载速度。在开发过程中,您可能会发现非缩小非组合文件用于调试目的,但这是不太可能的。总的来说,组合-缩小版本就很好。


如果我使用了合并压缩版本,是否还需要包含其他的文件(bootstrap.css或bootstrap.min.css)? - vipin
不,始终只包括您需要的那个。 - Niels Keurentjes

1
据评论所述,一般来说,.js文件的min.js版本不包含任何注释或不必要的空格,以减小文件大小。最终,就像你已经说的那样,功能上没有区别。在bootstrap的情况下:您不必同时包含它们(如此处所示)。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接