Modal exemplo Bootstrap

Exemplo mostra o Uso de modal.

Modal é um recurso bem interessante, neste exemplo mostra o uso de suas janelas.

Este exemplo esta no Site do BootStrap - JavaScript - Modal.  

Imagem de Exemplo.

  Ao Clicar abre janela com efeito !!!

Código fonte:

<div class="container">
        <div class="page-header"><h1>- Bootstrap Modal</h1></div>

        <button type="button" class="btn btn-info" data-toggle="modal" data-target="#janela"> Logar </button>

        <!--Criação de uma Janela Dialog -->
        <form class="modal fade"  id="janela">

          <div class="modal-dialog modal-sm">
            <div class="modal-content">

                  <!--Definir o Cabeçalho-->
                    <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">
                       <span>&times;</span></button><h4 class="modal-title">Efetuar Login</h4>
                    </div>

                     <!--Definir o corpo-->
                    <div class="modal-body">

                   <div class="form-group">
                    <input type="email" class="form-control" id="email" placeholder="Digite Email !@!">
                        </div>

               <div class="form-group">
               <input type="password" class="form-control" id="senha" placeholder="Digite Senha ****"
                          </div>

                     <!--Definir o rodapé-->
                    <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar  </button>
                    <button type="submit" class="btn btn-info">Logar </button>
              </div>      
            </div>
          </div>        
        </div>
      </form>
    </div>