Question

当我修复我的一个客户网站时，我碰到了一个奇怪的问题，我在另一个网站上复制了这个问题。似乎bootstrap.min.css和bootstrap.css文件不一样。（好吧）但是在指定的代码中。例如：我发现在bootstrap.min.css文件中没有正确处理IMG标记。我无法在min文件中找到它的代码，而它通常在bootstrap.css文件中指定。

bootstrap.min.css只是说明了

img {
    border: 0
}

然后添加

img {
    vertical-align: middle
}

虽然bootstrap.css适用：

img {
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

现在，我拿出了为图像指定的CSS片段并将其放入我的自定义样式表中。

到目前为止，这是我遇到的唯一问题，但在我脑海中的某个地方，这个声音低语：包括另一个，只是为了赶上任何其他css问题，如果它们发生......

你对此有什么看法？添加官方文件（或抛出最小文件，只需添加正常文件，使加载时间延长几毫秒）

Answer 1

这是一个情境问题。你必须知道你是否会在未来大量使用Bootstrap。如果是这种情况，那么你最好包括非缩小版本，就像你说的那样，以防将来出现错误。现在，如果它是相反的，那么保持缩小版本的性能。

Answer 2

Twitter Bootstrap是一个功能齐全，使用频繁的CSS框架。原始代码用LESS编写并编译成CSS用于分发。他们的部分编译包括缩小完整输出。这是使用流行的NodeJS taskrunner Grunt完成的。

在缩小的代码中可能有一些优化，因此它似乎有所不同。由于他们还将测试代码作为CI过程的一部分，因此我觉得可以信任生产和缩小版本。

查看他们的Github并向他们报告任何问题。

https://github.com/twbs/bootstrap

Bootstrap.min.css与bootstrap.css不同

2 个答案: