"Login form in a modal"
Bootstrap 2.3.2 Snippet by msurguy

<div class="container"> <div class="row"> <a class="btn btn-primary" data-toggle="modal" href="#myModal" >Login</a> <div class="modal hide" id="myModal"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">x</button> <h3>Login to MyWebsite.com</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="Password"></p> <p><button type="submit" class="btn btn-primary">Sign in</button> <a href="#">Forgot Password?</a> </p> </form> </div> <div class="modal-footer"> New To MyWebsite.com? <a href="#" class="btn btn-primary">Register</a> </div> </div> </div> </div>

Similar snippets: See More


Comments:

beginner 2014-04-06 19:19:28
    i have problem with this code...modal form doesn't display in my page..can u give me all code for "login form in model"..or explain me where to write which code..
maxsurguy 2014-04-07 15:10:51
    This is using Bootstrap 2. Which version of Bootstrap does your site use?
Kurz kun 2014-04-09 18:39:29
    hi, do you have a Bootstrap 3 version of this? thanks.
maxsurguy 2014-04-09 18:47:00
    Check out this one: http://bootsnipp.com/snippe...
Kurz kun 2014-04-09 18:58:37
    thank you so much.
Chaz Cash 2015-09-22 20:07:45
    How do i send the form data to a php file? help me please thanks
Valli 2016-11-29 17:35:42
    Hi you can check for this bootstrap php login form tutorial http://www.kodingmadesimple...

Commenting will be back soon.