ブートストラップモーダルがブロックされています

Question

ブートストラップモーダルを使用してポップアップを表示するコードを記述しました。

これは機能しましたが、すべての要素がブロックされています。私は自分のコードに何が間違っているのか分かりません。

ご協力いただきありがとうございます。ここで

私のコードです：

<div id="add_data_Modal" class="modal fade"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal">&times;</button> 
       <h4 class="modal-title">Add data</h4> 
      </div> 
      <div class="modal-body"> 
       <form method="post" name="insert_form" id="insert_form"> 
        <label>Số thuê bao</label> 
        <input type="text" name="name" id="name" class="form-control" /> 
        <br /> 
        <label>Speed number</label> 
        <input type="text" name="spd_number" id="spd_number" class="form-control" /> 
        <br /> 
        <label>Dial number</label> 
        <input type="text" name="dial_number" id="dial_number" class="form-control"/> 
        <br /> 
        <input type="submit" name="insert" id="insert" value="ADD" class="btn btn-success"/> 
       </form> 
      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
      </div> 
     </div> 
    </div> 
</div> 

Answer 1

コードを確認してください。コードが冗長であるか、閉じるタグがないために原因が考えられます。通常、不足または超過divタグ。

Answer 2

あなたはこのリンク以下、あなたの問題を解決することができます。

bootstrap modal examples

異なるCSSファイルを持っているかのように、あなたがクラスを追加またはIDをオーバーライドすることができ、いくつかの倍also.becauseそのcssファイルを確認してください。