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模態元素的高度問題

回答

相關問題