Bootstrap Tutorial - CheckBox and Submit Button on Navigation Bar








Create CheckBox and Submit Button on Navigation Bar

Example

<!DOCTYPE HTML>
<html>
<head>
<link href="http://java2s.com/style/bootstrap.min.css" rel="stylesheet">
<!--   w w  w.  j  av a  2  s  . c om-->
<script src="http://java2s.com/style/jquery-1.8.0.min.js"></script>
<script src="http://java2s.com/style/bootstrap.min.js"></script>

</head>
<body style='margin: 20px;'>

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


</body>
</html>

Click to view the demo