css - 正文中的 Bootstrap 模式对话框中心图像

Question

我正在尝试在模态对话框主体中将图像(水平和垂直)居中。我已经尝试了我所知道的一切的每一种排列。 top/left = 50%, margin 0 auto, class=center-block... 通读 Bootstrap 文档，我被难住了。这是我的 html... 任何帮助将不胜感激

<div id="processing" class="modal fade">
    <div class="modal-dialog" style="max-width: 350px">
        <div class="modal-content">
            <div class="panel-heading modal-header dialog-header">
                <h4 class="modal-title">Please Wait...</h4>
            </div>
            <div class="modal-body" style="height: 230px;">
                <img src="~/images/ajax-loader.gif" class="img-responsive" />
            </div>
        </div>
    </div>
</div>

编辑:
感谢 Chun 的回复，但没有达到预期的效果。
这是2张图片的链接。一个是纯建议的结果，另一个是经过处理的图像来展示我想要的结果。
https://www.dropbox.com/sh/kj2no3ovgivjjt8/AAAarW9SjuBjYMWZPCUaKebua?dl=0

Answer 1

这将使图像在模态框内居中。

.modal-body > .img-responsive {
    display: block;
    margin-left: auto;
    margin-right: auto;
}