Perché fare un'eccezione per questo 1 riga in CSS bootstrap?

Question

Il modello di avviamento per bootstrap css include quanto segue in linea:

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

Quali ragioni pratiche ci sono per l'inclusione di questo stile in-line, mentre tutti gli altri codice è in un file css esterno?

Answer 1

Lo stile in linea è stato volutamente inserito tra bootstrap.css e bootstrap-responsive.css. Muoversi a main.css (e così dopo bootstrap-responsive.css) mostrerà l'imbottitura sopra la barra dei menu nero quando si adatta ad una finestra più piccola, almeno in IE 10 e Chrome 22.

Idealmente, esso dovrebbe sono stati aggiunti bootstrap.css ma non è stato per qualche motivo.

Un'altra soluzione potrebbe essere quella di metterlo in un file CSS separato, ma che richiederebbe il download di un ulteriore file di molto piccolo.

Caricamento main.css tra i due file bootstrap*.css renderebbe più difficile ignorare le impostazioni specifiche.

Quindi presumo che sia un compromesso.

Answer 2

Ci potrebbero essere diversi casi,

• Forse volevano questa regola di esclusione nulla dichiarata nel foglio di stile esterno (a parte le regole !important). Come elementi <style> linea sono considerate automaticamente più specifico.
• Forse volevano questa regola specifica di essere unico a questa pagina, e non globalmente disponibili su tutto il sito. E 'possibile che la barra superiore 60px esiste solo in quella pagina.