Twitter Bootstrap 예제를 다운로드하여 간단한 레일 프로젝트를 만들었습니다. 필요한 곳에 CSS를 복사했는데 잘 표시됩니다. 또한 js를 복사했고 모든 것이 데스크탑에서 잘 작동합니다. 브라우저의 크기를 변경하면 페이지가 재구성됩니다. 크기가 다른 일부 "반응 형 디자인 테스트 도구"를 사용하면 잘 작동합니다.
내가 가진 문제는 내 iPhone에 있습니다. 내 바탕 화면처럼 표시됩니다.
Bootstrap Hero Example 페이지 (내가 시작한 페이지)를 시도하면 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;
}