Twitter CSS reattivo di Bootstrap funziona su finestra ridimensionata, ma non sul cellulare

Question

Ho utilizzato il framework Bootstrap di Twitter per creare il mio nuovo sito. Ho usato boostrap.responsive.css per farlo funzionare su dispositivi mobili. Ma non è così. Sembra che non veda affatto il CSS. Quando l'ho eseguito sul mio telefono Android, stava visualizzando il mio sito proprio come il mio PC. Ma quando ridimensiono la finestra del mio browser su PC, funziona alla grande. Quale può essere il problema? Non ho incasinato il css di bootstrap.

Quando ho eseguito alert($(window).width());, è tornato 980.

Answer 1

Assicurati di includere l'elemento viewport meta come indicato nel di Bootstrap responsive docs modo il layout scalerà alla larghezza del dispositivo.

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

Answer 2

si deve chiamare il bootstrap-responsive.css dopo la bootstrap.css nell'ordine dei fogli di stile.

cioè bootstrap.css bootstrap-responsive.css