用js来做：

$("#模态框id").modal("show");  //显示模态框

$("#模态框id").modal("hide");  //隐藏模态框

关不掉是因为权限太低了

.show {
    display: block !important;
}

你一开始给类为“.modal”的元素赋上权限最高的block

当你点击close时，它只是在行内样式设置为 none；然而权限太低了，除非你在关闭的时候，也给赋上权限最高的none。

即 display: none !important;

类名show的样式为 .show{display:block !important;} 声明了它的优先级，已经把关闭和X的样式覆盖掉（去掉这个类名就好了）。