<label>Plain Select</label>
<select id="plainselect1" class="form-control" name="plainselect1">
   <option>Option 1</option>
   <option>Option 2</option>
   <option>Option 3</option>
</select>

<div class="form-group is-required">
   <label class="col-sm-3 control-label" for="plainselect2">
       <span class="required-marker"></span>
       Required select
   </label>
   <span class="col-sm-9">
       <select id="plainselect2" class="form-control" required="true" aria-required="true" name="plainselect2">
           <option>Option 1</option>
           <option>Option 2</option>
           <option>Option 3</option>
       </select>
   </span>
</div>

<div class="form-group is-filled">
   <label class="col-sm-4 control-label" for="plainselect3">
       <span class="required-marker filled"></span>
       Required select - just filled
   </label>
   <span class="col-sm-8">
       <select id="plainselect3" class="form-control" required="true" aria-required="true" name="plainselect3">
           <option>Option 1</option>
           <option>Option 2</option>
           <option>Option 3</option>
       </select>
   </span>
</div>

<div class="form-group is-prefilled">
   <label class="col-sm-5 control-label" for="plainselect4">
       <span class="required-marker prefilled"></span>
       Required select - previously filled
   </label>
   <span class="col-sm-7">
       <select id="plainselect4" class="form-control" required="true" aria-required="true" name="plainselect4">
           <option>Option 1</option>
           <option>Option 2</option>
           <option>Option 3</option>
       </select>
   </span>
</div>

<div class="form-group has-error">
   <label class="col-sm-3 control-label" for="plainselect5">
       Invalid select</label>
   <span class="col-sm-9">
       <select id="plainselect5" class="form-control" name="plainselect5">
           <option>Option 1</option>
           <option>Option 2</option>
           <option>Option 3</option>
       </select>
   </span>
</div>