integracion de un modal dentro de un dropdown menu de bootstrap

[javierconesa23]

Hola buenas , tengo una plantilla de administracion
es esta:
http://themes.laborator.co/#theme=neon

si os fijais en la foto de perfil se hace clicck y se desplega un dropdown menu, pues bien en ese menu que lo forma esta parte de codigo :

Código HTML:

<a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    <img src="assets/images/1.png" alt="" class="img-circle" width="44" />
                    Grup Alimentari Guissona
                </a>
                
                <ul class="dropdown-menu">
                    
                    <!-- Reverse Caret -->
                    <li class="caret-reversed"></li>
                    
                    <!-- Profile sub-links -->
                    <li>
                        <a href="login2.php">
                         <i class="entypo-user"></i>
                            
                            Editar Perfil
                        </a>
                    </li>
                    
                    <li>
                        <a href="mailbox.html">
                            <i class="entypo-mail"></i>
                            Inbox(Pruebas)
                        </a>
                    </li>
                    
                    <li>
                        <a href="extra-calendar.html">
                            <i class="entypo-calendar"></i>
                            Calendar(Pruebas)
 

este es el codigo de la mia personalizada , pero donde haze el href=login2.php , yo lo mando a un formulario en bootstrap pero lo que quiero realmente esque cuando hago click en el enlace
se abra un modal (popup)

Entonces cambio el href por esto:

Código HTML:

<div id="myModal" class="modal fade" role="dialog">
      <div class="modal-dialog">
     
        <!-- Modal content-->
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h4 class="modal-title">Transferencias Bancarias</h4>
          </div>
          <div class="modal-body">
            <p>Usted podrá realizar sus pagos tanto de Afiliación como de pago de mensualidad o renovación de cualquiera de los planes que le ofrecemos</p>
            
           
            <p>Luego de Realizado el pago, por favor notifiquelo al e-mail <b>[email protected]</b> Indicando Sus datos, luego se le enviará un E-mail con el enlace para que continue su registro.</p>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
          </div>
        </div>
     
      </div>
    </div>
 

Pero cuando hago click en el enlace se ocscurece la pantalla como si se fuera a mostrar el modal , pero este no se muestra por ningun lado.