Страница Simple Bootstrap не отвечает на iPhone

Я загрузил пример Twitter Bootstrap и создал с ним простой проект rails. Я скопировал 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;
}