html - 引导样式表组织

Question

我目前正在使用 Twitter Bootstrap 框架来创建个人网站。

然而，我发现，对一些 CSS 类稍作调整后，该网站看起来会更好；我是在提供的 bootstrap.css 文件中进行这些更改还是应该将它们移动到仅包含我的更改的单独文件中是否重要（不是在功能方面，而是在约定方面）？

Answer 1

实际上，不建议更改任何框架！对于您的情况，如果您需要进行修改，建议您在引导程序之后立即运行您的 CSS 文件。结果，浏览器呈现引导程序的默认 CSS，然后您的修改没有任何冲突。

例如，

<-- include your bootstrap file --> 
<link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<-- Your modifications --> 
<link href="yourcssfile.css" rel="stylesheet">

希望这可以帮助。

Answer 2

从维护的角度来看，您应该将自定义调整放在单独的 CSS 文件中，因此（例如）如果您升级/降级您的 Bootstrap 版本，您的更改仍将保持不变。

您还应该考虑，在处理 CSS 框架时，通常您将拥有dev/debug版本和production/minified版本。如果您更改库代码，您还必须处理所有格式（除非您自己执行缩小/捆绑）。