<div class="modal show">
直接让其显示,为什么按关闭和X,关不掉模态弹出框
用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的样式覆盖掉(去掉这个类名就好了)。