Bootstrap模式未正确显示

Question

对于删除选项，我使用的是bootstrap模式，但它没有正确显示。

请帮我解决这个问题。这是我的代码：

<td><a data-toggle="modal" data-target="#myModal" href="<%=request.getContextPath()%>/pages/teacher_details/teacher_info_delete.jsp?teacherId=${teacher.getTeacherId()}">Delete</a>

在另一个jsp模式代码中如下：

<div id="myModal" class="modal fade" style="display: none;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <a class="close" data-dismiss="modal">×</a>
                <h3>Teacher Info Delete</h3>
            </div>
            <div class="modal-body">
                <h4>Delete</h4>
                <p>Are You Sure?</p>
            </div>
            <div class="modal-footer">
                <a
                    href="<%=request.getContextPath()%>/controller/TeacherManagementController?flowName=DELETE_TEACHER_INFO&teacherId=${param.teacherId}"
                    class="btn btn-success">Yes</a> 
                    <a href="<%=request.getContextPath()%>/controller/TeacherManagementController?flowName=VIEW_TEACHER_INFO" class="btn"
                    >Close</a>
            </div>
        </div>
    </div>
</div>

这里的模态是可见的，但它出现在一个方框内。

请帮助我。