How can I change the width of a Bootstrap 3 modal in IE8?

Question

I have to support IE8. The modal itself works fine, but my attempts to resize it (which work fine in Firefox) don\'t work in IE8.

I\'m just adding a class (wide-mod

Answer 1

I think you need to set the width in pixels and adjust the margin-left. For example,

.modal-dialog {
    width:700px;
    margin-left:-320px;
}

The margin left must be half the width of the modal, minus 30px for the scrollbar.

Here's an example on Bootply: http://bootply.com/85213