SimpleBootstrap 页面在 iPhone 上没有响应

我下载了一个 Bootstrap 示例，并用它创建了一个简单的 Rail 项目。我在需要的地方复制了 css，它显示良好。我还复制了 js，所有东西在我的桌面上都很好用: 当我改变浏览器大小时，它会重新组织页面。当使用不同大小的“响应式设计测试工具”时，效果非常好。

我在 iPhone 上遇到的问题是: 它的显示方式和我的桌面电脑一样。

当我尝试 Bootstrap Hero 示例页面(我就是从这个页面开始的)时，它在我的 iPhone 上运行得非常好。

能出什么差错呢？我几乎没有触及任何 CSS，我只是在页脚上添加了一个填充。

仅供参考，我修改的 CSS 是我用以下内容将我的应用程序链接到 application.css:

/* Application stylesheet */


@import url(bootstrap.css);
@import url(bootstrap-responsive.css);


/* Body */
body {
padding-top: 60px;
padding-bottom: 40px;
}


/* Footer */
footer {
padding: 20px 0;
}