internet-explorer-8 - 如何在IE8中更改Bootstrap 3模式的宽度？

Question

我必须支持IE8。模态本身可以正常工作，但是我尝试调整它的大小(在Firefox中可以正常工作)在IE8中不起作用。

我只是向modal-dialog div(Bootstrap结构中的第二个嵌套类)添加一个类(在此示例中为wide-modal)，并通过CSS应用宽度，这没什么花哨的。

HTML:

       <div class="modal fade" id="modalTest" role="dialog">
            <div class="modal-dialog wide-modal">
              <div class="modal-content ">
                <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                  <h4 class="modal-title">Testing Modal</h4>
                </div>
                <div class="modal-body">
                  <img src="content/Example-Infographic.jpg" width="100%" />
                </div>
                <div class="modal-footer">
                  <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
              </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div>

CSS:

.wide-modal {
    width: 60%;
}

我尝试将类添加到上面和下面的div中，而不会产生任何(积极的)影响。在Firefox中，它就像一种魅力，在IE8中则完全没有效果。我也尝试了px宽度，没有区别。我确实有response.js库，因此一般而言，IE8的行为都与此不同。

Answer 1

在Bootstrap 3中，您不需要将宽度分配给.modal类，而是分配给.modal-dialog

#modalTest .modal-dialog
{
    width: 500px; /* your width */
}