Instalando o Nodejs e o NPM no Ubuntu

Bootstrap - Criando uma página de Login com Modais

Modais no Bootstrap são simples mas flexíveis caixas de dialogo. Um modal renderiza um cabeçalho, corpo, e uma coleção de ações no footer. Exemplo:

Então eu resolvi fazer um formulário de login com o Modal.

Para melhor entendimento eu dividi o código em três parte: modal-header que é a Tag do cabeçario, modal-body que é a Tag do corpo e modal-footer que é onde fica os botões ou ações do Modal/Caixa. 

	<div id="loginModal" class="modal show" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog">
	<div class="modal-content">
Cabeçalho:	<div class="modal-header">
	<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
	<h1 class="text-center">Login</h1>
	</div>
Corpo:	<div class="modal-body">
	<form class="form col-md-12 center-block">
	<div class="form-group">
	<input type="text" class="form-control input-lg" placeholder="Email">
	</div>
	<div class="form-group">
	<input type="password" class="form-control input-lg" placeholder="Senha">
	</div>
	<div class="form-group">
	<button class="btn btn-primary btn-lg btn-block">Logar</button>
	<span class="pull-right"><a href="#">Registrar</a></span>
	<span><a href="#">Precisa de Ajuda?</a></span>
	</div>
	</form>
	</div>
Coleções de ações no Footer:	<div class="modal-footer">
	<div class="col-md-12">
	<button class="btn" data-dismiss="modal" aria-hidden="true">Cancelar</button>
	</div>
	</div>
	</div>
	</div>
	</div>

Todas as tags são do Bootstrap, e o código fonte você pode baixar aqui: Bootstrap Examples ou visualizar aqui: Bootstrap Examples GitHub.