爲什麼在bootstrap css中爲這1行做例外？爲引導CSS

Question

起動器模板包含以下在線：

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

什麼現實的原因在那裏爲包括本風格的行內，而所有其他的代碼是在外部.css文件？

Answer 1

內聯樣式故意插在bootstrap.css和bootstrap-responsive.css之間。將其移動到main.css（等bootstrap-responsive.css之後）會顯示黑色的菜單欄上方的填充時，它調整到一個較小的窗口，至少在IE 10和鉻22.

在理想情況下它應該已經被添加到bootstrap.css但它不是因爲某種原因。

另一種解決方案是把它放在一個單獨的css文件中，但這需要下載一個額外的非常小的文件。

加載main.css兩個bootstrap*.css文件之間的文件會使覆蓋特定設置更加困難。

所以我認爲這是一個妥協。

Answer 2

可能有幾種情況，

• 也許他們希望這個規則來覆蓋在外部樣式表（除了!important規則）宣佈任何事情。由於內聯<style>元素被自動視爲更具體。
• 也許他們希望此特定規則對此頁面是唯一的，而不是整個網站上的全局可用。 60px頂欄可能只存在於該頁面上。