Descargué el ejemplo de Twitter Bootstrap y creé un proyecto de rieles simple con él. Copié el CSS donde es necesario y se muestra bien. También copié el js y todo funciona muy bien en mi escritorio: reorganiza la página cuando cambio el tamaño de mi navegador. Cuando se utilizan algunas "herramientas de prueba de diseño receptivo" con diferentes tamaños, funciona muy bien.
El problema que tengo es en mi iPhone: se muestra juste como en mi escritorio.
Cuando pruebo la página de ejemplo de Bootstrap Hero (que es desde la que comencé), funciona muy bien en mi iPhone.
¿Qué puede salir mal? Prácticamente no he tocado ningún CSS, solo agregué un relleno en el pie de página.
FYI, el CSS que cambié es que estoy vinculando mi aplicación application.csscon el siguiente contenido:
/* Application stylesheet */
@import url(bootstrap.css);
@import url(bootstrap-responsive.css);
/* Body */
body {
padding-top: 60px;
padding-bottom: 40px;
}
/* Footer */
footer {
padding: 20px 0;
}