レスポンシブ デザインの Ruby on Rails 3.2.8 サイトに、bootstrap-sass (2.1.0.0)を使用しようとしています。これは、Rails または Bootstrap を使用したレスポンシブ デザインの最初の試みです。
問題は、すべてではありませんが、CSS スタイルの一部が適切なセレクターに一致していることです。具体的には、たとえば.navbar-fixed-topcustom.css.scss に適用するカスタム スタイルは、コンパイル済みの custom.css スタイルシートとブラウザーでレンダリングされたページの両方に表示されます。ただし、.navbar-fixed-top (Chrome のインスペクターによると) コンパイルされた custom.css にはレスポンシブな Bootstrap スタイルが表示されますが、ブラウザーでレンダリングされたページには表示されません。
custom.css.scss 内で default に@import "bootstrap-responsive";戻すと、レンダリングされたページに@import "bootstrap";Bootstrap スタイルが.navbar-fixed-top表示されます。この問題は、特に応答性に関連しているようです。
特定の問題に関連する関連情報を見つけるのに苦労しました。Bootstrap のデフォルトmeta name="viewport"タグを<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">after find this questionに変更しましたが、私の問題は iPhone 固有のものではありません。
$ rails serverまた、この問題のトラブルシューティング中に を再起動しました。
これをさらにトラブルシューティングする方法がわかりません。どんな助けでも大歓迎です。