ブートストラップCSSでこの1行の例外を作成するのはなぜですか？

Question

ブートストラップCSSのスターターテンプレートには、次のインラインが含まれています。

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とChrome 22では、小さなウィンドウに適応すると、黒いメニューバーの上にパディングが表示されます。

理想的には、追加されるべきでした bootstrap.css しかし、それは何らかの理由ではありませんでした。

別のソリューションは、それを別のCSSファイルに入れることですが、それは追加の非常に小さなファイルをダウンロードする必要があります。

読み込み main.css ふたつの間に bootstrap*.css ファイルは、特定の設定をオーバーライドすることをより困難にします。

だから私はそれが妥協だと思います。

Answer 2

いくつかのケースがある可能性があります、

• たぶん、彼らはこのルールが外部スタイルシートで宣言されたものをオーバーライドすることを望んでいました（ !important ルール）。インラインとして <style> 要素は自動的により具体的であると見なされます。
• たぶん、彼らはこの特定のルールがこのページに固有のものであり、ウェブサイト全体でグローバルに入手できることを望んでいたのかもしれません。 60pxのトップバーがそのページにのみ存在する可能性があります。