Я должен поддерживать IE8. Сам модал работает нормально, но мои попытки изменить его размер (которые отлично работают в Firefox) не работают в IE8.

Я просто добавляю класс (широко-модальный в этом примере) в div модального диалога (2-й вложенный в структуре Bootstrap) и применяю ширину через 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 ведет себя не так, как этот.