Crear modal con Twitter Bootstrap

[Montes28]

hola amigos del foro espero me puedan ayudar , me encuentro trabajando con
Twitter Bootstrap nesito abrir 3 ventanas modales diferentes para abrir cada ventana se espera que el usuario de un click sobre un boton para consultar , bonton modificar ,boton eliminar .

Código HTML:

<td><div class="btn-group" align="right">
<a class="btn btn-primary" title="Consultar"><i class="icon-search icon-white" id="<? echo $field['id_destinatario'] ?>"></i></a>
<a class="btn btn-primary" title="Modificar"><i class="icon-edit icon-white" id="<? echo $field['id_destinatario'] ?>"></i></a>
<a class="btn btn-primary" title="Eliminar"><i class="icon-trash icon-white" id="<? echo $field['id_destinatario'] ?>"></i></a>
</div></td>
 

ya logro saber que boton oprimio el usuario de la siguiente manera

Código Javascript:

$(document).ready(function(){
$('.btn').live('click',function() {
    var titulo = $(this).attr('title');
    var idc=$(this).attr('id');
    switch(titulo) {
        case 'Consultar':
        alert('boton Consultar')
        break;
        case 'Modificar':
        alert('boton modificar');
        break;
    case 'Eliminar':
        alert ('Boton eliminar');
            break;
    }
});
 

Twitter Bootstrap se hace una ventana modal

Código HTML:

<a data-toggle="modal" class="btn btn-primary" href="#modalAdicionar"><i class="icon-user icon-white"></i>Abrir Modal</a>
 
<div id="modalAdicionar" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
              <h3 id="myModalLabel">Adicionar Nuevo Destinatario</h3>
            </div>
            <div class="modal-body">
<div class="modal-footer">
              <button class="btn" data-dismiss="modal">Cancelar</button>
              <button class="btn btn-primary">Guardar</button>
            </div>
            </div>