bootstrapの競合解決

Question

お世話になっております。

今回,あるプロダクトでbootstrap.min.cssをloadし,bootstrapのグリッドシステムを利用としたところ,すでに当たっているスタイルを崩してしまうという現象が発生しました。

sprocket出力のwebアプリケーションにユーザの好みのスタイルをCDNでロードさせcssを当てるということをしているため読み込み順を変更したり,DOMの属性を変更するということができません。

幸いDevツールで確認したところグリッドシステム部には競合が起きていないため,その部分をcssファイルから抜き出す方法を考えているのですが,もっと効率のいい方法もあるような気がしています。

他にいい方法がなければそのようにしようと思っていますが他に代替案や解決策等を知っている方がいらっしゃれば教えていただきたいです。

よろしくお願いいたします。

Answer 1

この記事、参考になりますか？

全部はいらないよね？bootstrap-sassをカスタマイズして使う方法 - Qiita
http://qiita.com/masamitsu-konya/items/e3630046774ac1fbd346
bootstrap-sass gem で Rails で快適に Bootstrap を使う - 知のレバレッジを最大化せよ
http://d.hatena.ne.jp/mabots/20150109/1420802559

Comments

[退会済みユーザー]

ありがとうございます！
rails に組み込まなくてもsass形式のファイルをコンパイルすれば大丈夫って感じですかね。
試してみます！

[退会済みユーザー]

compassを利用することでbootstrapの一部分を切り出すことができました！
cssはsassで管理して使うものだけimportしてコンパイルするという作り方がとても汎用性高くてよかったです。