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

Question

我应该使用bootstrap.min.css还是bootstrap.css？

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

- Haxor

---

我建议不要编辑bootstrap.min.css，而是为您的网站/应用程序创建一个新的样式表，可以用来覆盖相关的样式。 - DrBeza

谢谢 @DrBeza，我现在正在覆盖。 - Haxor

我非常推荐你在这里看一下：http://bootstrapbay.com/blog/customize-bootstrap/ - Ignacio Soler Garcia

可能是重复的问题：包括bootstrap.min.css和bootstrap.css还是任选一个？ - amphetamachine

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文件以将您的修改移植到其中。

- forgivenson

---

谢谢！所以这取决于开发者会使用什么。 - Haxor

通常情况下，开发人员会同时“使用”两个版本。在开发过程中，开发人员有多种方法使用非压缩文件进行轻松调试，然后将代码更改为指向压缩文件以减少传输到最终用户的文件大小。 - Kevin Nelson

Answer 2

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

如果您想编辑和调整内容，则使用普通的.css更好，但是如果您绝对不会修改文件，则使用.min.css可获得稍微更好的性能。

- Marco Prins

Answer 3

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

- Mohit Patel

Answer 4

要点如下： 在开发时使用bootstrap.css，在完成开发后使用bootstrap.min.css（即：将代码中所有指向bootstrap.css的实例更改为bootstrap.min.css），以实现更快的加载速度和更好的用户体验。

- Fouad Boukredine

Answer 5

在谷歌或必应中使用在线代码格式化器，例如 代码格式化器

这样可以更好地左右滚动。

- Nigus Abate