2

レスポンシブ デザインの 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また、この問題のトラブルシューティング中に を再起動しました。

これをさらにトラブルシューティングする方法がわかりません。どんな助けでも大歓迎です。

4

1 に答える 1

6

bootstrap-responsiveの補足bootstrapです。bootstrap-responsive以下で両方を含めてみてくださいbootstrap。

@import "bootstrap";
@import "bootstrap-responsive";

http://twitter.github.com/bootstrap/scaffolding.html#responsiveから:

ドキュメント内に適切なメタ タグと追加のスタイルシートを含めて、プロジェクトでレスポンシブ CSS をオンにします。

于 2012-10-13T18:08:13.903 に答える