Muszę wspierać IE8. Sam modal działa dobrze, ale moje próby zmiany jego rozmiaru (które działają poprawnie w Firefoksie) nie działają w IE8.

Dodaję po prostu klasę (w tym przykładzie szeroko modalną) do okna dialogowego modal-div (drugiego zagnieżdżonego w strukturze Bootstrap) i stosując szerokość za pomocą CSS, nic nadzwyczajnego.

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

Próbowałem dodać klasę do div powyżej i poniżej bez żadnego (pozytywnego) efektu. Działa jak urok w Firefoksie, po prostu nie działa w IE8. Próbowałem także przy szerokości px, bez różnicy. Mam bibliotekę respond.js na miejscu, więc ogólnie IE8 zachowuje się inaczej.