2

bootstrap-sass gem を使用した Rails アプリがあります。ナビゲーション バーが折りたたまれる幅をタブレット (979px) から電話 (769px) に変更したいと思います。メディア クエリをオーバーライドすることは、きちんとした解決策ではありません。

私は@navbarCollapseWidthvariables.less で編集してブートストラップを構築し、中身の bootstrap-responsive.css を gems...vendor/assets/stylesheets/bootstrap の Respond.scss にコピーしました。ただし、変更を失うことなく宝石を更新する機能が失われました。

ここで最善の方法は何ですか?簡単な変更だと思うものを作成したいのですが、gem を更新できるようにしておいてください。おそらく@import "bootstrap-responsive-mine";application.css.scss で使用し、必要に応じてそのファイルを手動で更新しますか?

4

1 に答える 1

5

この宝石の構成に関する情報を読みましたか?

選択したSCSSファイルに「bootstrap」をインポートして、Bootstrapのすべてのスタイル、ミックスイン、および変数を取得します。

@import "bootstrap";

変数を1つか2つ設定する必要がありますか?Bootstrapをインポートする前に、変更する変数の値を定義するだけです。Sassは、Bootstrapのデフォルトで上書きするのではなく、既存の定義を尊重します。

$navbarCollapseWidth: 769px;
@import "bootstrap";

またはそれはあなたが必要なものではありませんか?

于 2013-02-13T00:59:31.337 に答える