select2 bootstrap

<html>
<head>

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet">
<link href="select2-bootstrap.css" rel="stylesheet" type="text/css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
<script type="text/javascript">
  $(function(){
    $('select').select2({
      theme: "bootstrap",
      placeholder: '選択してください',
      width: '200px',
      minimumInputLength: 1,
    });
  });
</script>

</head>
<body>

<div class="container">
  <form>
    <select></select> // optionは動的に入れる
  </form>
</div>
</body>
</html>