Bootstrap样式表组织

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版本。 如果您更改库代码，则还必须注意所有格式（除非您自己进行缩小/捆绑）。