Javascript 模式页脚不工作

在下面的代码中，没有显示模式页脚。它显示页脚的关闭按钮，但在模式之外。不知道为什么会这样。模态正文正在显示，但不显示模态页脚，模态标题后还会显示一行。有人能帮我吗

     echo "<button class='btn btn-primary btn-lg' data-toggle='modal' data-  
     target='#myModal' style='margin-top:230px;margin-  
      left:10px;'>Appointment</button>";

      echo "<div class='modal fade' id='myModal' tabindex='-1' role='dialog'   
      aria-labelledby='myModalLabel' aria-hidden='true'>";
      echo "<div class='modal-dialog'>";
      echo "<div class='modal-content'>";
      echo "<div class='modal-header'>";
      echo "<button type='button' class='close' data-dismiss='modal' aria-  
      hidden='true'>&times;</button>";
      echo "<h4 class='modal-title' id='myModalLabel'>Book    
      Appointment</h4>";

       echo "</div>";
       echo "<div class='modal-body'>";
       echo "<div class='col-md-8'>";
       echo "<div class='row'>";
       echo "<label for='idTourDateDetails'>Date and Time</label>";
       echo "<div class='form-group'>";
       echo "<div class='input-group'>";
       echo "<input type='text' name='idTourDateDetails' id='idTourD  
       ateDetails' readonly='readonly' class='form-control clsDatePicker'> 
      <span class='input-group-addon'><i id='calIconTourDateDetails' 
      class='glyphicon glyphicon-th'></i></span>";

      echo "</div>";

        echo "</div>";
        echo "</div>";
         echo "</div>";

       echo "<div class='modal-footer'>";
       echo "<button type='button' class='btn btn-default' data-
       dismiss='modal'>Close</button>";
       echo "</div>";
       echo "</div>";
       echo "</div>";
       echo "</div>";           
       echo "</div>";

echo“约会”；
回声“；
回声“；
回声“；
回声“；
echo“×；”；
“回声”书
任命”；
回声“；
回声“；
回声“；
回声“；
回应“日期和时间”；
回声“；
回声“；
回声“
";
回声“；
回声“；
回声“；
回声“；
回声“；
呼应“关闭”；
回声“；
回声“；
回声“；
回声“；
回声“；

这应该可以解决它（div标签问题）

#myModal{
边框：纯黑；
}

预约
&时代；
书
约会
日期和时间
接近

检查每个元素的结束标记。你可能会少给我一个，少了还是多了？我觉得我有一个额外的，但当我删除一个div标签时，显示会受到干扰。重新检查它，没有丢失的标签，也没有额外的。但页脚仍然不工作这不是我所期望的。我想要一个页脚而不是边框。我做了一个边框测试，看看页脚是否在modal div中。如果我没有达到您的期望，我深表歉意