Acabo de comenzar un nuevo proyecto con la nueva versión de Twitter Bootstrap: bootstrap 3. No puedo hacer que el modo Modal funcione en modo remoto. Solo quiero que cuando haga clic en un enlace, se muestre el modal con el contenido de la URL remota. Funciona pero el diseño modal está completamente destruido.

Aquí hay un enlace a un jsfiddle:http://jsfiddle.net/NUCgp/5/

El código :

<a data-toggle="modal" href="http://fiddle.jshell.net/Sherbrow/bHmRB/0/show/" data-target="#myModal">Click me !</a>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                 <h4 class="modal-title">Modal title</h4>

            </div>
            <div class="modal-body"><div class="te"></div></div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->

¿Alguien puede hacer que este ejemplo simple funcione?