Bootstrap 模态元素的高度问题答案

【问题标题】：Bootstrap Modal Element's Height IssueBootstrap 模态元素的高度问题
【发布时间】：2014-12-29 15:57:07
【问题描述】：

我正在尝试使用 div 在引导模式中显示图像。假设：

<div class="modal-body">
        <div class="row">
            <div class="col-md-6 col-sm-6">
                <div class = 'img-modal'>
                    <img   src="<?php echo base_url().$articulo[0]->rutaImagen;?>">
                </div>

            </div>
        </div>

问题是当Modal打开时，我想将图像居中，但是根据jquery / Javascript，图像的高度和宽度为0。我的想法是使图像的位置相对，然后使用高度/2 和 Width/2 以便在 div 中居中，但正如我之前提到的，Height 和 Width 似乎为 0。

我的问题是：是否有一些解决方法可以使高度/宽度正确显示？

提前致谢，希望现在已经足够清楚了。

注意：Modal 工作正常。虽然我只展示了身体部分，但其余的都在那里。

【问题讨论】：

您是否要在模式中显示您的图像？你的问题不清楚。
是的，很抱歉……让我来解决它
没问题，你可能想要包含一些代码，否则人们会否决你。
试图使问题更清晰并包含一些代码。希望对你有帮助
好的，那么你是想让你的图片在模态中居中，还是相对于页面？

标签： javascript jquery html css twitter-bootstrap

【解决方案1】：

玩了一会儿之后，似乎因为模态在您决定显示它之前是隐藏的，所以所有值都为 0。我使用 'shown.bs.modal' 事件来居中并正确显示图像现在工作完美无缺。很抱歉给大家添麻烦了。我之前确实尝试过，但没有成功...我什至不知道为什么它现在可以正常工作，但我很高兴它做到了。

感谢@Typhorism 和@Joe Swindell 试图帮助我:)

【讨论】：