当我总是点击我的模态时，我的网页容器变得越来越小

Question

我的问题是我的网页容器越来越小，当我总是点击我的模态并关闭它但我已经在我的网页的其他页面尝试我的模态没有任何问题。有人可以帮我解决这个问题。这是我的代码

<div class='modal fade' id='".$row['id']."' tabindex='-1' role='dialog' aria-labelledby='exampleModalLabel'>
  <div class='modal-dialog' role='document'>
    <div class='modal-content'>
      <div class='modal-body'>
        <form>
          <div class='form-group'>
            <label for='recipient-name' class='control-label'>Name:</label>
            <label for='recipient-name' class='control-label' value='" .$row['id']. "'>" .$row['fname']." ".$row['mname']." " .$row['lname']. "</label>
          </div>
          <div class='form-group'>
            <label for='recipient-name' class='control-label'>Gender:</label>
            <label for='recipient-name' class='control-label'>".$row['gender']."</label>
          </div>
       </form>
     </div>
   </div>
 </div>
</div> 

我终于弄明白我的一个js文件已经像这样重复了

    <script src="js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>

    <!-- Morris Charts JavaScript -->
    <script src="js/jquery-1.11.0.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/plugins/metisMenu/metisMenu.min.js"></script>
    <script src="js/fileinput.js"></script>
    <script src="js/sb-admin-2.js"></script>
    <script>$('input[type=file]').bootstrapFileInput();</script>
    <script>$('.file-inputs').bootstrapFileInput();</script>

我刚刚删除了src =“js / bootstrap.min.js”，因此不会导致问题。