bootstrapのボタン背景色を変える

どうも。今回はbootstrapのボタンの背景色を変えると言うことをやっていきたいと思います。

bootstrapのボタン背景色を変える

結論

関連するタグにstyleを作成して、直でCSSを反映させる

例えば
<div class=”btn btn-block btn-primary” style=”background-color: red;”>こんな感じで</div>

ちょっと詳しく

今回bootstrapでボタンを使ってたんですが、railsのマルチテナントごとに色を変えたいと言うニーズがありました。

そこで、サービスの色に関連してボタンの色を変更できるようにする必要がありました。

Bootstrapのボタンの色ってどうやってかえるのかなと思ったら、styleをベタ書きしてしまえばOKと言うことがわかりました。

あとはbackground-colorのところにサービスごとの色が入るように修正してあげればOKでした。

Leave a Reply

Your email address will not be published.

CAPTCHA