Я завантажив приклад Twitter Bootstrap і створив з ним простий проект рейок. Я скопіював css, де це було потрібно, і він відображається нормально. Я також скопіював js, і все на моєму робочому столі чудово працює: він реорганізує сторінку, коли я зміню розмір свого браузера. Використовуючи деякі «інструменти тестування адаптивного дизайну» з різними розмірами, це чудово працює.
Проблема у мене на моєму iPhone: він відображається справедливо, як на моєму робочому столі.
Коли я спробую сторінку з прикладом Bootstrap Hero (саме з неї я почав), це чудово працює на моєму iPhone.
Що може піти не так? Я майже не торкався жодного CSS, я просто додав відступ до нижнього колонтитула.
FYI, 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;
}