Alterações no conteúdo remoto Bootstrap modal window Size - twitter-bootstrap, templates de django, href, bootstrap-modal

Eu tenho conteúdo de carregamento de conteúdo remoto no modal bootstrap3. Eu não consigo descobrir por que quando acionar o modal, o O modal é aberto com a janela completa dimensionada em vez de um tamanho normal normal (ou seja, a largura é menor que a janela atual).

Aqui está o meu botão de disparo modal:

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

O html remoto ({% 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>

Por que o tamanho das alterações modais ao usar o conteúdo remoto? Em vez de forçar o tamanho modal através de css ou jquery ... eu acho que deve haver algo que eu sinto falta ou é esse comportamento esperado? obrigado

Respostas:

Eu tenho que trabalhar agora. Basta adicionar

<div class="modal-dialog">

no início do html remoto. Isso resolve o problema.