Ściągnąłem przykład Twittera Bootstrap i stworzyłem z nim prosty projekt railsowy. Skopiowałem css w razie potrzeby i wyświetla się dobrze. Skopiowałem też js i wszystko działa świetnie na moim komputerze: reorganizuje stronę, gdy zmieniam rozmiar mojej przeglądarki. W przypadku korzystania z niektórych „responsywnych narzędzi do testowania projektów” o różnych rozmiarach działa świetnie.
Problem, który mam, dotyczy mojego iPhone'a: wyświetla się tak, jak na moim pulpicie.
Kiedy wypróbowuję stronę Bootstrap Hero Example (od której zacząłem), działa świetnie na moim iPhonie.
Co mogłoby pójść źle? Prawie nie dotknąłem żadnego CSS, po prostu dodałem dopełnienie w stopce.
Do Twojej wiadomości, CSS, który zmieniłem, polega na tym, że łączę moją aplikację application.cssz następującą zawartością:
/* Application stylesheet */
@import url(bootstrap.css);
@import url(bootstrap-responsive.css);
/* Body */
body {
padding-top: 60px;
padding-bottom: 40px;
}
/* Footer */
footer {
padding: 20px 0;
}