Pourquoi faire une exception pour cette 1 ligne css bootstrap?

Question

Le modèle de départ pour le renforcement d'amorçage inclut la ligne suivante:

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

Quelles raisons pratiques sont là pour inclure ce style en ligne, alors que tous les autres est le code dans un fichier .css externe?

Answer 1

Le style en ligne a été délibérément inséré entre bootstrap.css et bootstrap-responsive.css. Déplacer vers main.css (et donc après bootstrap-responsive.css) affiche le rembourrage au-dessus de la barre de menu noir quand il ajuste à une fenêtre plus petite, au moins dans IE 10 et 22 Chrome.

Idéalement, il aurait été ajouté à bootstrap.css mais il n'a pas été pour une raison quelconque.

Une autre solution serait de mettre dans un fichier séparé, mais qui css nécessiterait le téléchargement d'un petit fichier supplémentaire.

Chargement main.css entre les deux fichiers bootstrap*.css rendrait plus difficile de passer outre les paramètres spécifiques de.

Je suppose que c'est un compromis.

Answer 2

Il pourrait y avoir plusieurs cas,

• Peut-être qu'ils voulaient cette règle à quoi que ce soit prioritaire déclaré dans la feuille de style externe (en dehors des règles de !important). Comme éléments de <style> en ligne sont automatiquement considérés comme plus spécifiques.
• Peut-être qu'ils voulaient cette règle spécifique pour être unique à cette page, et pas globalement disponibles sur l'ensemble du site. Il est possible que la barre supérieure de 60px existe uniquement sur cette page.