Select

Name Class HTML Result
Select Single

Used for required select field

 form-control select2select 

<div class="form-group">
    <label for="exampleFormControlSelectS">Example select</label>
    <select class="form-control select2select" id="exampleFormControlSelectS" data-placeholder="Select one option" aria-describedby="selectHelp">
      <option>1</option>
      <option>2</option>
      <option>3</option>
      <option>4</option>
      <option>5</option>
    </select>
    <small id="selectHelp" class="form-text text-muted">Select one option</small>
  </div>
Select one option
Select [property] Medium

Use in main forms (like create new sales order, purchase order, quote, etc..)

 (form-group-md) form-control form-control-md 


    <div class="form-group form-group-md">
    <select class="form-control select2select form-control-md"></select></div>
    <div class="form-group form-group-md">
    <select class="form-control select2select form-control-md" multiple></select></div>
Select one option
Select one option
Select Single allow-clear

Used for optional select field

 form-control select2select select2-allow-clear 


    <select class="form-control select2select select2-allow-clear" id="exampleFormControlSelect2" data-allow-clear="true" data-placeholder="Select one option">
    </select>
Select Single no-search form-control select2select 


    <select class="form-control select2select" id="exampleFormControlSelect2" data-placeholder="Select one option" data-minimum-results-for-search="Infinity">
    </select>
Select Multiple Close On Select form-control select2select 

<div class="form-group">
    <label for="exampleFormControlSelect4">Example multiple select</label>
    <select multiple class="form-control select2select select2-allow-clear" id="exampleFormControlSelect4"  data-placeholder="Select multiple options">
      <option>1</option>
      <option>2</option>
      <option>3</option>
      <option>4</option>
      <option>5</option>
    </select>
  </div>
Select Multiple form-control select2select 

<div class="form-group">
    <label for="exampleFormControlSelect5">Example multiple select</label>
    <select multiple class="form-control select2select select2-allow-clear" id="exampleFormControlSelect5"  data-placeholder="Select multiple options" data-close-on-select="false">
      <option>1</option>
      <option>2</option>
      <option>3</option>
      <option>4</option>
      <option>5</option>
    </select>
  </div>
Select [property] Large
Select [property] Small		 (form-group-lg) form-control form-control-lg
(form-group-sm) form-control form-control-sm		 


    <div class="form-group form-group-lg">
    <select class="form-control select2select form-control-lg"></select></div>
    <div class="form-group form-group-lg">
    <select class="form-control select2select form-control-lg" multiple></select></div>
    <div class="form-group form-group-sm">
  <select class="form-control select2select form-control-sm"></select></div>
  <div class="form-group form-group-sm">
<select class="form-control select2select form-control-sm" multiple></select></div>
Select Disabled form-group-disabled 


    <div class="form-group form-group-disabled">
        <label for="exampleFormControlSelect1">Example select</label>
        <select class="form-control select2select" id="exampleFormControlSelect1" data-placeholder="Select one option" disabled>
        </select>
      </div>
    <div class="form-group form-group-lg">
    <select class="form-control select2select form-control-lg" multiple disabled></select></div>
    <div class="form-group form-group-sm">
  <select class="form-control select2select form-control-sm" disabled></select></div>