Удаленный контент Изменяет модальное окно Bootstrap Размер

Question

У меня есть данные для загрузки загружаемого контента на bootstrap3. Я не могу понять, почему при запуске модального мода мода открывается с полным размером окна, а не обычным нормальным размером (т. Е. Ширина меньше текущего окна).

Вот моя модальный кнопка запуска:

{# ---- 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 ... Я думаю, что должно быть что-то, что я пропускаю или это ожидаемое поведение? Спасибо

Answer 1

Я получил его сейчас. Просто добавьте

<div class="modal-dialog"> 

в начале удаленного html. Это устраняет проблему.