我正在使用模态网站，无法将其隐藏在移动设备上。
我已经尝试过@media来隐藏模态的父div，但背景显示出来并且一切都会中断。
必须有一种简单的方法可以有条件地将其关闭，这是我所遗漏的。谢谢！
答案 0 :(得分：1)
我能够通过chrome检查器挖掘并通过隐藏基于bootstrap模态类和ID的元素来解决这个问题。
注意：如果您尝试启动另一个Bootstrap模式，这可能会导致问题，因为它将具有这些CSS类。如果你不控制整个堆栈，找到一个javascript解决方案可能会更好。
模态由这三件事组成。如果禁用它们，则禁用模式：
/* Hide a modal below a specific width */
@media (max-width: 767px) {
.modal-backdrop {
display: none !important;
}
#myModalDiv {
display: none !important;
}
.modal-dialog {
display: none !important;
}
}