webデザインに関してです。

質問

サイトにmodalを付けたくて色々探していたところ、bootstrapを使えば簡単にmodalを付けれそうだったのでダウンロードしてbootstrap.cssとbootstrap-responsive.cssとbootstrap.jsを読み込んで使ってみたところもともとのデザインが崩れてしまい困っています。コンフリクトを起こしているのですが、デザイン初心者なもので、css内部をしっかり把握出来ないので、どこがコンフリクトを起こしているのかがわかりません・・・どうしたらよいでしょうか？？；；

回答No.2

ORUKA1951 · ベストアンサー

＞css内部をしっかり把握出来ないので、
　これは、CSSをきちんと理解していただくしかないです。
→6. 値の割り当て、カスケード処理、継承 ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/cascade.html )
　CSSはカスケーディングスタイルシートの略で、この「どの要素にどのスタイルを適用させるか」のカスケード処理が、文字通りCSSの「肝」です。プロパティをいくら勉強しても肝心要のカスケーディングや継承の仕組みを知らないと対処できません。
　具体的には、カスケードとセレクタの詳細度(HTML要素のスタイル属性)を見直すことになります。
　firefoxにFirebug ( https://addons.mozilla.jp/firefox/details/1843 )というアドオンがあります。あるいはfirefoxにデフォルトでインストールすれば付属しているDOM Inspectorを使って文書構造を確認して、スタイルシートのセレクタを書き換えることになります。
　なお、jsで書き出されるHTMLソースが文書構造をくずしてしまっている可能性もあります。それはそれで修復してください。

お礼

ご回答ありがとうございます。やはり把握していないと難しいですよね。。。
少しずつ調べながらcssを削除していったところ、解決いたしました。感謝します。

回答No.1

utun01

FirefoxにFirebugってアドオンを入れてそのページを開いて下さい。
各要素に適用されているCSSが、オーバーライドされている物についても全て表示できますので、
それでどこが競合しているのかを確認できるかと思います。

お礼

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