Bootstrap snippet: Bootstrap Login Form in modal

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; }
Dey-Dey

Bootstrap Login Form in modal

Dey-Dey
  Apr 21st 2014, 12:26
6.2K Views