JSFiddle - React, Tailwind, and code Playground

by Felipe Douradinho

HTML

<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
	<div class="container">
		<div class="row">
			<a class="btn btn-primary" data-toggle="modal" href="#meuLoginModal" >Login</a>

	        <div class="modal hide" id="meuLoginModal">
	          <div class="modal-header">
	            <button type="button" class="close" data-dismiss="modal">x</button>
	            <h3>Meu Login</h3>
	          </div>
	          <div class="modal-body">
	            <form method="post" action='' name="login_form">
	              <p><input type="text" class="span3" name="eid" id="email" placeholder="Email"></p>
	              <p><input type="password" class="span3" name="passwd" placeholder="Senha"></p>
	              <p><button type="submit" class="btn btn-primary">Entrar</button>
	                <a href="#">Esqueceu a senha?</a>
	              </p>
	            </form>
	          </div>
	          <div class="modal-footer">
	            Novo aqui?
	            <a href="#" class="btn btn-primary">Registrar</a>
	          </div>
	        </div>
		</div>
	</div>