Warum eine Ausnahme für diese 1 Zeile in Bootstrap -CSS machen?
-
25-10-2019 - |
Frage
Die Starter -Vorlage für Bootstrap -CSS enthält die folgende Inline:
body {
padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
}
Welche praktischen Gründe gibt es für die Einbeziehung dieses Stils inline, während sich der gesamte andere Code in einer externen .css-Datei befindet?
Lösung
Der Inline -Stil wurde absichtlich dazwischen eingefügt bootstrap.css
und bootstrap-responsive.css
. Verschieben es auf main.css
(Und so danach bootstrap-responsive.css
) Zeigt die Polsterung über der schwarzen Menüleiste an, wenn sie sich an ein kleineres Fenster anpasst, zumindest in IE 10 und Chrome 22.
Idealerweise hätte es hinzugefügt werden sollen bootstrap.css
Aber es war nicht aus irgendeinem Grund.
Eine andere Lösung wäre, es in eine separate CSS -Datei zu setzen, aber das müsste eine zusätzliche sehr kleine Datei herunterladen.
Wird geladen main.css
zwischen den beiden bootstrap*.css
Dateien würden es schwieriger machen, bestimmte Einstellungen zu überschreiben.
Ich nehme an, es ist ein Kompromiss.
Andere Tipps
Es könnte mehrere Fälle geben,
- Vielleicht wollten sie, dass diese Regel alles überschreibt, was im externen Stylesheet deklariert wurde (außerdem
!important
Regeln). Als Inline<style>
Elemente werden automatisch als spezifischer angesehen. - Vielleicht wollten sie, dass diese spezielle Regel auf dieser Seite einzigartig ist und auf der gesamten Website global nicht weltweit verfügbar ist. Es ist möglich, dass die 60px -Topbar nur auf dieser Seite existiert.