更改引导程序 3 模态宽度以保持响应能力

Question

我刚刚在这篇文章中读到，您可以通过以下方式更改引导模式宽度：

.modal .modal-dialog { width: 800px; }

但是当我这样做时，我失去了模态的默认响应能力。

如何更改宽度但保持移动设备的响应能力？

Answer 1

只需使用max-width. 它会变得有反应——

.modal .modal-dialog { width: 800px; max-width:100%; }

或者，您可以通过媒体查询来完成。

@media only screen and (max-width: 480px) {
    .modal .modal-dialog {
        position:relative;
        width:auto;
        margin: 10px;
    }
}