遠程內容更改Bootstrap模式窗口大小

我有遠程內容將數據加載到bootstrap3模式。我無法弄清楚爲什麼當觸發模式時，模式以全窗口大小而不是通常的正常大小打開（即寬度小於當前窗口）。遠程內容更改Bootstrap模式窗口大小

這裏是我的模式觸發按鈕：

{# ---- trigger button ---- #} 
<a class="btn btn-xs btn-success" href="{% url "address_info" line_id %}" data-toggle="modal" data-target="#icontact">{% trans "Address" %}</a> 

{# ---- modal ---- #} 
<div class="modal fade" id="icontact" tabindex="-1" role="dialog" aria-labelledby="icontactModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
     <div class="modal-content"></div> 
    </div> 
</div>

遠程HTML（{％URL 「address_info」 line_id％}）是：

<div class="modal-content"> 
<div class="modal-header"> <h4 class="modal-title">Contact</h4></div> 
<div class="modal-body"> 
    <table> 
     <tr><th>Contact of&nbsp;&nbsp;</th> 
      <td> {{ line1 }}</td></tr> 
     <tr><th>Email   </th> 
      <td>{{ email }} </td></tr> 
    </table> 
</div> 
<div class="modal-footer"> 
    <button type="button" class="btn btn-default" data-dismiss="modal">{% trans "Close" %}</button> 
</div>

爲什麼使用遙控時的模態變化的大小內容？而不是通過CSS或jquery強制模態大小...我認爲必須有一些我想念或預期的行爲？謝謝

來源

2015-04-06 green

我現在工作。只需加上

<div class="modal-dialog">

在遠程html的開頭。這解決了這個問題。

來源

2015-04-07 08:36:22 green

遠程內容更改Bootstrap模式窗口大小

回答

相關問題