为什么要在 bootstrap css 中为这 1 行做一个例外？答案

【问题标题】：Why make an exception for this 1 line in bootstrap css?为什么要在 bootstrap css 中为这 1 行做一个例外？
【发布时间】：2012-10-08 03:38:30
【问题描述】：

bootstrap css 的起始模板包括以下内联：

body {
    padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
}

在所有其他代码都在外部 .css 文件中时，将这种样式内联包含有哪些实际原因？

【问题讨论】：

也许如果它在某个时候重新排列，它不会在引导文件中被覆盖？内联 css 覆盖外部样式表。

标签： css twitter-bootstrap

【解决方案1】：

特意在bootstrap.css 和bootstrap-responsive.css 之间插入内联样式。将其移至 main.css（以及在 bootstrap-responsive.css 之后）将在黑色菜单栏调整为较小的窗口时显示填充，至少在 IE 10 和 Chrome 22 中是这样。

理想情况下它应该被添加到bootstrap.css，但由于某种原因它不是。

另一种解决方案是将其放在单独的 css 文件中，但这需要额外下载一个非常小的文件。

在两个bootstrap*.css 文件之间加载main.css 会使覆盖特定设置变得更加困难。

所以我认为这是一种妥协。

【讨论】：

【解决方案2】：

可能有几种情况，

也许他们希望这条规则覆盖外部样式表中声明的任何内容（!important 规则除外）。由于内联 <style> 元素会自动被认为更具体。
也许他们希望此特定规则对该页面是唯一的，而不是在整个网站上全局可用。 60 像素的顶栏可能只存在于该页面上。

【讨论】：