2016-10-25 19 views
0

ブートストラップからモーダルプラグインを使用していますが、何らかの理由でバックドロップが表示されません。ブートストラップモーダルを使用してモーダルバックグラウンドが表示されない

私はcheck same code on w3schools私はdiv要素は、モーダルを開くたびに生成されて気づく:

<div class="modal-backdrop fade in"></div> 

私はW3Schoolsの上とまったく同じコードを得たが、このdiv要素を自分のサイト上で生成されていません。

どうすれば修正できますか?

+1

からモーダルを取得するいくつかのより多くのタラを表示私たちは –

+0

@BhavinShahから始めることができます。私はw3schoolsとまったく同じコードを持っています。そして、bootstrap.min.js – twan

+0

を含めました。あなたは 'modal-backdrop fade in' CSSをインクルードしましたか? –

答えて

0

<div class="modal-backdrop fade in"></div>要素を調べて、CSSのプロパティがオーバーライドされているかどうかを確認してください。主にこれはオーバーライドによって引き起こされるCSSの問題である可能性があります。

+0

モーダルを開くとdivは生成されません。それが問題です。 – twan

+0

詳細を表示したり、モーダルがどのようにトリガされたり、ページにブートストラップが含まれているかを表示できますか? – DileepNimantha

0

w3の学校の例がうまくいくので、これを再現することはできません。

以下を確認してください。これは、問題が発生することがあります:

  • jqueryの場合は、他のCSSクラスは、モーダル・背景クラス
  • をオーバーライドしている場合はそれが ファイルの末尾または</body>
  • <div class="modal">..を置くために良い習慣だとJSブートストラップが正しく

追加され http://getbootstrap.com/javascript/#modals-examples

関連する問題