Bootstrap di Twitter: immagini non visualizzate

Ho un sito web che funziona bene in Google Chrome, ma non in altri browser (Firefox, Safari).

Ho un problema con la seguente sezione di codice:












Come puoi vedere, sto visualizzando 4 immagini sul lato destro del sito. Ma le immagini non verranno renderizzate in Firefox !!!

Che cosa sto facendo di sbagliato?

Le immagini appaiono in Firebug e quando passo il mouse sopra in Firebug, posso vedere l’immagine corretta. Ma semplicemente non apparirà sulla pagina.

Gradirei davvero che qualcuno guardasse il codice.

Molte grazie in anticipo,

Dalla documentazione di bootstrap:

Richiede il doctype HTML5

Bootstrap utilizza elementi HTML e proprietà CSS che richiedono l’uso del doctype HTML5. Assicurati di includerlo all’inizio di ogni pagina Bootstrapped nel tuo progetto.

Attualmente hai:

  

Come doctype, risolvilo, convalidalo e riprova per vedere se funziona.

Non riesco a replicare quello che stai vedendo, ma non ho Firefox 11, tuttavia, alcune cose: il markup su quella pagina è seriamente obsoleto. Elimina l’elemento

, ecc. E sbarazzati di tutti gli elementi deprecati. Quindi convalida il markup e gli stili. Ho notato che il tuo primo img ha un elemento di chiusura … non è valido e sono disposto a scommettere che è ciò che sta causando il / i tuo / i problema / i.

Ricorda, la convalida è tua amica.

Se la tua immagine non viene mostrata in firefox ed è pensata per occupare tutta la larghezza del tuo browser, assicurati di aggiungere la class = “container-fluid”