Railsで取り込んだBootstrapの変数を変更する

前提 Railsにgemでbootstrap4を導入しておきます。 application.scssで、bootstrapをimportしておきます。 Bootstrapの変数の変更 @import “boo […]

前提

Railsにgemでbootstrap4を導入しておきます。
application.scssで、bootstrapをimportしておきます。

@import "bootstrap";

Bootstrapの変数の変更

@import “bootstrap” の行の前で変数を指定すると、反映されます。

$primary: yellow;
@import "bootstrap";

実際には変数指定は別Sassファイルにまとめて、そのファイルを@importすると良いでしょう。

Bootstrapで使用されている変数はこちらを参照ください。
https://github.com/twbs/bootstrap-rubygem/blob/master/assets/stylesheets/bootstrap/_variables.scss

現在コメントはできません。

コメントはまだありません。

PAGE TOP