bootstrapの一部利用

Question

bootstrapを既存のサイトのフォーム回りのデザインだけ利用できたら便利だと思っています。
cssフレームワークを利用したことがなくbootstrapの機能、作法がまったくわからないのですが、一部利用は可能でしょうか？
既存のデザインに影響するなど、他に影響が出ないか気になります。

Answer 1

他にも影響は出るでしょう。
クラス名がカブっていれば当然なのですが、
それ以外にもリセットがかかっていたり、
一般タグにもスタイルが設定されていたりします。

先に Bootstrap の CSS を読み込み、
それ以降に既存サイトの CSS を読みこんで、
どれぐらい影響が出るか試してみてください。
（その際、既存サイトにリセットをかけていた場合は外してください）
多少の修正で済むか、それとも大幅に手を入れねばならないかは、
そのサイト次第です。

Comments

[makibi5577]

参考になりました。
ありがとうございます。

Answer 2

ローカルにおいて実際試してみてみるのがいいと思います。

・既存サイトをブラウザ表示して、ソースをコピー
・テキストエディタで、ローカルへコピペ保存。（このとき保存される文字コードに注意）
・jsファイルやcssなどで相対パス指定となっているものをフルパスに置換。
例）"/js/sample.js"→"http://hogehoge/js/sample.js"
・編集したファイルをブラウザで表示し、元の表示と相違ないことを確認。
→相違があれば、問題の箇所を探し修正する。

以上で、下準備終了。
あとは、boostrapを適用してみて確認してみてください。