Ich muss IE8 unterstützen. Das Modal selbst funktioniert gut, aber meine Versuche, die Größe zu ändern (was in Firefox gut funktioniert), funktionieren in IE8 nicht.

Ich füge nur eine Klasse (in diesem Beispiel wide-modal) zum modal-dialog div hinzu (die 2. verschachtelte in der Bootstrap-Struktur) und wende eine Breite über CSS an, nichts Besonderes.

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%;
}

Ich habe versucht, die Klasse zu dem darüber und darunter liegenden Div hinzuzufügen, um keinen (positiven) Effekt zu erzielen. Es funktioniert wie ein Zauber, wo es in Firefox ist, nur überhaupt keine Wirkung in IE8. Ich habe es auch mit einer px breite versucht, kein unterschied. Ich habe die Bibliothek "reply.js" eingerichtet, sodass sich IE8 im Allgemeinen anders verhält.