Bootstrap Tutorial - Select Group on Navigation Bar








Create Select Group on Navigation Bar

Example

<!DOCTYPE HTML>
<html>
<head>
<link href="http://java2s.com/style/bootstrap.min.css" rel="stylesheet">
<!--from   w ww. j  a v a  2s  .  c  o  m-->
<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">
      <select name="" id="" class="form-control" style="width: 200px;">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
      </select>
      <button type="submit" class="btn btn-default">Submit</button>
    </form>
  </div>


</body>
</html>

Click to view the demo