Bootstrap framework snippet Bootstrap Login Form in modal

This bootstrap framework snippet "Bootstrap Login Form in modal" was designed to help people of all skill levels - designer or developer,
huge nerd or early beginner. copy and paste the code. Use it as a complete kit or use it to start something more complex.
tags: form,login,modal

<!--login modal--> <div id="loginModal" class="modal show" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h1 class="text-center">Login</h1> </div> <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="Password"> </div> <div class="form-group"> <button class="btn btn-primary btn-lg btn-block">Sign In</button> <span class="pull-right"><a href="#">Register</a></span><span><a href="#">Need help?</a></span> </div> </form> </div> <div class="modal-footer"> <div class="col-md-1accordion2"> <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button> </div> </div> </div> </div> </div>
body{margin-top:20px;} .modal-footer { border-top: 0px; }

Creator of this snippet

Dey Dey

Bootstrap version: 3.0.3

Created: Apr 21st 2014, 12:26

Views: 8.0K