"Nav Bar with Popup Sign in"
Bootstrap 3.0.0 Snippet by suamaers

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="col-md-12"> <nav class="navbar navbar-default" role="navigation"> <!-- Brand and toggle get grouped for better dotnet.com" class="dropdown-toggle" data-toggle="dropdown">Pages <b class="caret"></b></a> <form class="navbar-form navbar-left" role="search"> <label class="sr-only" for="exampleInputPassword2">Password</label> <input type="password" class="form-control" id="exampleInputPassword2" placeholder="Password" required> </div> <div class="checkbox"> <label> <input type="checkbox"> Remember me </label> </div> <div class="form-group"> <button type="submit" class="btn btn-success btn-block">Sign in</button> </div> </form> </div> </div> </li> <li class="divider"></li> <li> <input class="btn btn-primary btn-block" type="button" id="sign-in-google" value="Sign In with Google"> <input class="btn btn-primary btn-block" type="button" id="sign-in-twitter" value="Sign In with Twitter"> </li> </ul> </li> </ul> </div> <!-- /.navbar-collapse --> </nav> </div> </div> </div>

Related: See More


Questions / Comments: