0

ブートストラップ グリッドを使用して Web ページを作成しました。このページは、ブラウザで開くだけで、期待どおりに完全にレンダリングされます。ブートストラップのコンテナーは画面よりも小さく、すべてが完璧です。

しかし、レールで application.html.erb レイアウトとまったく同じページをレンダリングすると、常に次のメッセージがブラウザーに送信されます: @media (最小幅: 1200px)。これにより、ページが画面よりも少し大きくなります。残りは問題ありません。ブートストラップは機能しますが、コンテナーの幅が大きすぎます! 普通のページでは960pxで完璧です!

なんで?

こんなことはしたくない!本当に奇妙です。人々がそれが起こったと言っているいくつかの投稿を読みましたが、2つのページが並んでいて、「要素を検査」すると、レールページの「行」クラスのcssに@media (最小幅: 1200px) が表示され、他には何もありません!

ブートストラップ css をハックするつもりはまったくありません。何が起こっているのかを把握して修正したいだけです!gem としてではなく、スタイルシートとして使用したいのですが...

どうもありがとうございました!

PS: Rails では、bootstrap フォルダーを /assets/stylesheets/ ディレクトリにコピーしました。

4

2 に答える 2

1

ファイル 'bootstrap_and_overrides.css.less' (またはあなたが持っている他のもの) に独自のスタイルを追加するのはどうですか? 私自身のCSSには、これがあります:

.container {
    width: 960px;
}

問題は解決しました。:)

于 2012-11-19T04:53:16.693 に答える
1

Bootstrap と Rails に関する私の質問への回答から、いくつかの洞察が得られるかもしれません。

Bootstrap ファイルに個別にアクセスする方法

Rails で Bootstrap-Variables を渡す方法

于 2012-11-19T12:12:12.287 に答える