Bootstrap模态元素的高度问题

我试图通过使用div在引导模式中显示图像。假设这样的：Bootstrap模态元素的高度问题

<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>

的问题是模态打开时，我想中心的图像，但图像的高度和宽度，根据jQuery的/ JAVASCRIPT，0.我的想法是使图像的位置相对，然后使用高度/ 2和宽度/ 2为了居中它在div，但正如我前面提到的，高度和宽度似乎是0.

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

在此先感谢，希望现在已经够清楚了。

注：莫代尔工作正常。虽然我只是展示身体的一部分，其余的都在那里。

来源

2014-12-29 Luis Eduardo Rojas Cabrera

你想显示在模态图像？你的问题不清楚。 –

是的，并且对此表示遗憾..让我修复它 –

没问题，你可能想包括一些代码，否则人们会投票给你。 –

在玩了一段时间之后，看起来，由于模式是隐藏的，直到您决定显示它，所有值都为0.我使用'shown.bs.modal'事件来正确显示图像的中心和显示，它现在工作完美无瑕。我很抱歉，我对每个人都很困扰。我之前尝试过，并没有奏效......我甚至不知道它为什么现在正在工作，但我很高兴它做到了。

感谢@Typhorism和@Joe斯温德尔试图帮助我:)

来源

2014-12-30 01:37:07

Bootstrap模态元素的高度问题

回答

相关问题