Bootstrap Tutorial - Input with Label on Navigation Bar

Create Input elements with Label on Navigation Bar

Example

<!DOCTYPE HTML>
<html>
<head>
<link href="http://java2s.com/style/bootstrap.min.css" rel="stylesheet">
<script src="http://java2s.com/style/jquery-1.8.0.min.js"></script>
<script src="http://java2s.com/style/bootstrap.min.js"></script>
</head><!-- w w  w. j  a  v  a2s. c  o m-->
<body style='margin: 20px;'>

  <div class="navbar">
    <form class="navbar-form pull-left">
      <input type="text" class="form-control" style="width: 200px;">
      <label class="checkbox-inline"> <input type="checkbox">
        Remember me
      </label>
      <button type="submit" class="btn btn-default">Submit</button>
    </form>
  </div>


</body>
</html>

Click to view the demo