"Testnavbar"
Bootstrap 3.3.0 Snippet by hammer34

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container-fluid"> <a class="btn btn-navbar" data-toggle="collapse" data-target="nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <a href="#" class="brand" title="Twitter Bootstrap editor, templates and snippets."> Bootply </a> <div class="nav-collapse collapse"> <ul class="nav nav-pills hidden-phone hidden-tablet"> <li></li> </ul> </div> <ul class="nav nav-pills pull-right"> <li> <form class="input-append" method="GET" action="/search" style="margin-top:4px;margin-bottom:5px;"> <input type="text" title="Enter keyword(s) to find" id="kw" name="kw" class="span2" maxlength="40"> <button type="submit" class="btn"> <i class="icon-search" title="Search"></i> </button> </form>   </li> <li class="dropdown" id="menuLogin"> <a class="dropdown-toggle" href="#" data-toggle="dropdown" id="navLogin">Login</a> <div class="dropdown-menu" style="padding:17px;"> <form id="formLogin" class="form"> <label>Login</label> <input name="username" id="username" type="text" placeholder="Username" pattern="^[a-z,A-Z,0-9,_]{6,15}$" data-valid-min="6" title="Enter your username" required=""> <input name="password" id="password" type="password" placeholder="Password" title="Enter your password" required=""><br> <button type="button" id="btnLogin" class="btn">Login</button> </form> <form><a href="#" title="Fast and free sign up!" id="btnNewUser" data-toggle="collapse" data-target="#formRegister">New User? Sign-up..</a></form> <form id="formRegister" class="form collapse"> <input name="email" id="inputEmail" type="email" placeholder="Email" required=""> <input name="username" id="inputUsername" type="text" placeholder="Username" pattern="^[a-z,A-Z,0-9,_]{6,15}$" data-valid-min="6" title="Choose a username" required=""><br> <input name="password" id="inputpassword" type="password" placeholder="Password" required=""> <input name="verify" id="inputVerify" type="password" placeholder="Password (again)" required=""><br> <button type="button" id="btnRegister" class="btn">Sign Up</button> </form> <a data-toggle="modal" role="button" href="#forgotPasswordModal">Forgot username or password?</a> <a data-toggle="modal" role="button" href="#contactModal"><small>Need help? Contact us</small></a> </div> </li> </ul> </div>

Related: See More


Questions / Comments: