Bootstrap模式不正确呈现

Question

我正在用Java编写服务器端程序，该程序读取一个文件夹并返回驻留在该特定文件夹中的所有文件。我能够做到。我从服务器获得的文件名需要动态添加到引导模式中。我能够做到，但是文件的所有名称都无法正确呈现。我添加了屏幕截图。为了调用服务器端的Java脚本，我正在使用Ajax调用，该调用在页面加载时触发。我正在做的错误无法弄清楚。

HTML模式代码

<div class="modal fade" id="seziureModal" tabindex="-1" role="dialog" aria- 
labelledby="myModalLabel">
 <div class="modal-dialog modal-lg" role="document">
  <div class="modal-content">
   <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria- 
     label="Close"><span aria-hidden="true">&times;</span></button>
    <h4 class="modal-title" id="myModalLabel">Generate Seizure Report</h4>
  </div>
  <div class="modal-body">
    <div id="seizureFilesLoad"></div>
   </div>
  </div>
</div>
</div>

JavaScript代码

$(document).ready(function(){
    $.ajax({
        type:'GET',
        url:"/EDAPPGProject/file_list.jsp",
        headers:{
                Accept:"application/json; charset=utf-8",
                "Content-Type":"application/json;charset=utf-8"
            },
        success:function(data){
            $('#seizureFilesLoad').html(data);
        },
        error:function(data){
            alert("Some Error Occured! Please visit after some time");
        }
});
});