JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-2.2.3.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="https://1000hz.github.io/bootstrap-validator/dist/validator.min.js"></script>
  <form method="POST">
    <div class="form-group has-feedback">
      <label for="" class="control-label">Field 1:</label>
      <div class="input-group">
        <input type="text" name="field1" class="form-control" required>
      </div>
    </div>

    <div class="from-group has-feedback">
      <label for="" class="control-label">Country</label>
      <div class="input-group">
        <select name="test" id="test" class="form-control" required>
          <option value="">-</option>
          <option value="usa">United States</option>
          <option value="ger">Germany</option>
          <option value="fin">Finland</option>
        </select>
      </div>
    </div>

    <div class="form-group">
      <input type="submit" class="btn btn-primary">
    </div>
  </form>

CSS

body {
  margin-left: 20px;
}

input[type="submit"] {
  margin-top: 20px;
}

JavaScript

$(document).ready(function() {
  $("form").validator();
});