Hi, Sean S

##### Bootstrap Select

Actions
The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more.
For more info please visit the plugin's Demo Pageor Github Repo.

### Bootstrap Select Examples

            <div class="card card-custom">
             <div class="card-header">
              <div class="card-title">
               <h3 class="card-title">
                Bootstrap Select Examples
               </h3>
              </div>
             </div>
             <!--begin::Form-->
             <form class="form">
              <div class="card-body">
               <div class="form-group row">
                <label class="col-form-label text-right col-lg-3 col-sm-12">Minimum Setup</label>
                <div class="col-lg-4 col-md-9 col-sm-12">
                 <select class="form-control selectpicker">
                  <option>Mustard</option>
                  <option>Ketchup</option>
                  <option>Relish</option>
                 </select>
                </div>
               </div>
               <div class="form-group row">
                <label class="col-form-label text-right col-lg-3 col-sm-12">Options Size</label>
                <div class="col-lg-4 col-md-9 col-sm-12">
                 <select class="form-control selectpicker" data-size="4">
                  <option>Mustard</option>
                  <option>Ketchup</option>
                  <option>Relish</option>
                  <option>Tent</option>
                  <option>Flashlight</option>
                  <option>Toilet Paper</option>
                 </select>
                </div>
               </div>
               <div class="form-group row">
                <label class="col-form-label text-right col-lg-3 col-sm-12">Optgroups Example</label>
                <div class="col-lg-4 col-md-9 col-sm-12">
                 <select class="form-control selectpicker">
                  <optgroup label="Picnic" data-max-options="2">
                   <option>Mustard</option>
                   <option>Ketchup</option>
                   <option>Relish</option>
                  </optgroup>
                  <optgroup label="Camping" data-max-options="2">
                   <option>Tent</option>
                   <option>Flashlight</option>
                   <option>Toilet Paper</option>
                  </optgroup>
                 </select>
                 <span class="form-text text-muted">Select boxes with optgroups</span>
                </div>
               </div>
               <div class="form-group row">
                <label class="col-form-label text-right col-lg-3 col-sm-12">Multiple Select</label>
                <div class="col-lg-4 col-md-9 col-sm-12">
                 <select class="form-control selectpicker" multiple>
                  <option>Mustard</option>
                  <option>Ketchup</option>
                  <option>Relish</option>
                 </select>
                </div>
               </div>
               <div class="form-group row">
                <label class="col-form-label text-right col-lg-3 col-sm-12">Live Search</label>
                <div class="col-lg-4 col-md-9 col-sm-12">
                 <select class="form-control selectpicker" data-size="7" data-live-search="true">
                  <option value="">Select</option>
                  <option value="AF">Afghanistan</option>
                  <option value="AX">Åland Islands</option>
                  <option value="AL">Albania</option>
                  <option value="DZ">Algeria</option>
                  <option value="AS">American Samoa</option>
                  <option value="AD">Andorra</option>
                  <option value="AO">Angola</option>
                  <option value="AI">Anguilla</option>
                  <option value="AQ">Antarctica</option>
                  <option value="AG">Antigua and Barbuda</option>
                  <option value="AR">Argentina</option>
                  <option value="AM">Armenia</option>
                  <option value="AW">Aruba</option>
                  <option value="AU">Australia</option>
                  <option value="AT">Austria</option>
                  <option value="AZ">Azerbaijan</option>
                  <option value="BS">Bahamas</option>
                  <option value="BH">Bahrain</option>
                  <option value="BD">Bangladesh</option>
                  <option value="BB">Barbados</option>
                  <option value="BY">Belarus</option>
                  <option value="BE">Belgium</option>
                  <option value="BZ">Belize</option>
                  <option value="BJ">Benin</option>
                  <option value="BM">Bermuda</option>
                  <option value="BT">Bhutan</option>
                  <option value="BO">Bolivia, Plurinational State of</option>
                  <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                  <option value="BA">Bosnia and Herzegovina</option>
                  <option value="BW">Botswana</option>
                  <option value="BV">Bouvet Island</option>
                  <option value="BR">Brazil</option>
                  <option value="IO">British Indian Ocean Territory</option>
                  <option value="BN">Brunei Darussalam</option>
                  <option value="BG">Bulgaria</option>
                  <option value="BF">Burkina Faso</option>
                  <option value="BI">Burundi</option>
                  <option value="KH">Cambodia</option>
                  <option value="CM">Cameroon</option>
                  <option value="CA">Canada</option>
                  <option value="CV">Cape Verde</option>
                  <option value="KY">Cayman Islands</option>
                  <option value="CF">Central African Republic</option>
                  <option value="TD">Chad</option>
                  <option value="CL">Chile</option>
                  <option value="CN">China</option>
                  <option value="CX">Christmas Island</option>
                  <option value="CC">Cocos (Keeling) Islands</option>
                  <option value="CO">Colombia</option>
                  <option value="KM">Comoros</option>
                  <option value="CG">Congo</option>
                  <option value="CD">Congo, the Democratic Republic of the</option>
                  <option value="CK">Cook Islands</option>
                  <option value="CR">Costa Rica</option>
                  <option value="CI">Côte d'Ivoire</option>
                  <option value="HR">Croatia</option>
                  <option value="CU">Cuba</option>
                  <option value="CW">Curaçao</option>
                  <option value="CY">Cyprus</option>
                  <option value="CZ">Czech Republic</option>
                  <option value="DK">Denmark</option>
                  <option value="DJ">Djibouti</option>
                  <option value="DM">Dominica</option>
                  <option value="DO">Dominican Republic</option>
                  <option value="EC">Ecuador</option>
                  <option value="EG">Egypt</option>
                  <option value="SV">El Salvador</option>
                  <option value="GQ">Equatorial Guinea</option>
                  <option value="ER">Eritrea</option>
                  <option value="EE">Estonia</option>
                  <option value="ET">Ethiopia</option>
                  <option value="FK">Falkland Islands (Malvinas)</option>
                  <option value="FO">Faroe Islands</option>
                  <option value="FJ">Fiji</option>
                  <option value="FI">Finland</option>
                  <option value="FR">France</option>
                  <option value="GF">French Guiana</option>
                  <option value="PF">French Polynesia</option>
                  <option value="TF">French Southern Territories</option>
                  <option value="GA">Gabon</option>
                  <option value="GM">Gambia</option>
                  <option value="GE">Georgia</option>
                  <option value="DE">Germany</option>
                  <option value="GH">Ghana</option>
                  <option value="GI">Gibraltar</option>
                  <option value="GR">Greece</option>
                  <option value="GL">Greenland</option>
                  <option value="GD">Grenada</option>
                  <option value="GP">Guadeloupe</option>
                  <option value="GU">Guam</option>
                  <option value="GT">Guatemala</option>
                  <option value="GG">Guernsey</option>
                  <option value="GN">Guinea</option>
                  <option value="GW">Guinea-Bissau</option>
                  <option value="GY">Guyana</option>
                  <option value="HT">Haiti</option>
                  <option value="HM">Heard Island and McDonald Islands</option>
                  <option value="VA">Holy See (Vatican City State)</option>
                  <option value="HN">Honduras</option>
                  <option value="HK">Hong Kong</option>
                  <option value="HU">Hungary</option>
                  <option value="IS">Iceland</option>
                  <option value="IN">India</option>
                  <option value="ID">Indonesia</option>
                  <option value="IR">Iran, Islamic Republic of</option>
                  <option value="IQ">Iraq</option>
                  <option value="IE">Ireland</option>
                  <option value="IM">Isle of Man</option>
                  <option value="IL">Israel</option>
                  <option value="IT">Italy</option>
                  <option value="JM">Jamaica</option>
                  <option value="JP">Japan</option>
                  <option value="JE">Jersey</option>
                  <option value="JO">Jordan</option>
                  <option value="KZ">Kazakhstan</option>
                  <option value="KE">Kenya</option>
                  <option value="KI">Kiribati</option>
                  <option value="KP">Korea, Democratic People's Republic of</option>
                  <option value="KR">Korea, Republic of</option>
                  <option value="KW">Kuwait</option>
                  <option value="KG">Kyrgyzstan</option>
                  <option value="LA">Lao People's Democratic Republic</option>
                  <option value="LV">Latvia</option>
                  <option value="LB">Lebanon</option>
                  <option value="LS">Lesotho</option>
                  <option value="LR">Liberia</option>
                  <option value="LY">Libya</option>
                  <option value="LI">Liechtenstein</option>
                  <option value="LT">Lithuania</option>
                  <option value="LU">Luxembourg</option>
                  <option value="MO">Macao</option>
                  <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                  <option value="MG">Madagascar</option>
                  <option value="MW">Malawi</option>
                  <option value="MY">Malaysia</option>
                  <option value="MV">Maldives</option>
                  <option value="ML">Mali</option>
                  <option value="MT">Malta</option>
                  <option value="MH">Marshall Islands</option>
                  <option value="MQ">Martinique</option>
                  <option value="MR">Mauritania</option>
                  <option value="MU">Mauritius</option>
                  <option value="YT">Mayotte</option>
                  <option value="MX">Mexico</option>
                  <option value="FM">Micronesia, Federated States of</option>
                  <option value="MD">Moldova, Republic of</option>
                  <option value="MC">Monaco</option>
                  <option value="MN">Mongolia</option>
                  <option value="ME">Montenegro</option>
                  <option value="MS">Montserrat</option>
                  <option value="MA">Morocco</option>
                  <option value="MZ">Mozambique</option>
                  <option value="MM">Myanmar</option>
                  <option value="NA">Namibia</option>
                  <option value="NR">Nauru</option>
                  <option value="NP">Nepal</option>
                  <option value="NL">Netherlands</option>
                  <option value="NC">New Caledonia</option>
                  <option value="NZ">New Zealand</option>
                  <option value="NI">Nicaragua</option>
                  <option value="NE">Niger</option>
                  <option value="NG">Nigeria</option>
                  <option value="NU">Niue</option>
                  <option value="NF">Norfolk Island</option>
                  <option value="MP">Northern Mariana Islands</option>
                  <option value="NO">Norway</option>
                  <option value="OM">Oman</option>
                  <option value="PK">Pakistan</option>
                  <option value="PW">Palau</option>
                  <option value="PS">Palestinian Territory, Occupied</option>
                  <option value="PA">Panama</option>
                  <option value="PG">Papua New Guinea</option>
                  <option value="PY">Paraguay</option>
                  <option value="PE">Peru</option>
                  <option value="PH">Philippines</option>
                  <option value="PN">Pitcairn</option>
                  <option value="PL">Poland</option>
                  <option value="PT">Portugal</option>
                  <option value="PR">Puerto Rico</option>
                  <option value="QA">Qatar</option>
                  <option value="RE">Réunion</option>
                  <option value="RO">Romania</option>
                  <option value="RU">Russian Federation</option>
                  <option value="RW">Rwanda</option>
                  <option value="BL">Saint Barthélemy</option>
                  <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                  <option value="KN">Saint Kitts and Nevis</option>
                  <option value="LC">Saint Lucia</option>
                  <option value="MF">Saint Martin (French part)</option>
                  <option value="PM">Saint Pierre and Miquelon</option>
                  <option value="VC">Saint Vincent and the Grenadines</option>
                  <option value="WS">Samoa</option>
                  <option value="SM">San Marino</option>
                  <option value="ST">Sao Tome and Principe</option>
                  <option value="SA">Saudi Arabia</option>
                  <option value="SN">Senegal</option>
                  <option value="RS">Serbia</option>
                  <option value="SC">Seychelles</option>
                  <option value="SL">Sierra Leone</option>
                  <option value="SG">Singapore</option>
                  <option value="SX">Sint Maarten (Dutch part)</option>
                  <option value="SK">Slovakia</option>
                  <option value="SI">Slovenia</option>
                  <option value="SB">Solomon Islands</option>
                  <option value="SO">Somalia</option>
                  <option value="ZA">South Africa</option>
                  <option value="GS">South Georgia and the South Sandwich Islands</option>
                  <option value="SS">South Sudan</option>
                  <option value="ES">Spain</option>
                  <option value="LK">Sri Lanka</option>
                  <option value="SD">Sudan</option>
                  <option value="SR">Suriname</option>
                  <option value="SJ">Svalbard and Jan Mayen</option>
                  <option value="SZ">Swaziland</option>
                  <option value="SE">Sweden</option>
                  <option value="CH">Switzerland</option>
                  <option value="SY">Syrian Arab Republic</option>
                  <option value="TW">Taiwan, Province of China</option>
                  <option value="TJ">Tajikistan</option>
                  <option value="TZ">Tanzania, United Republic of</option>
                  <option value="TH">Thailand</option>
                  <option value="TL">Timor-Leste</option>
                  <option value="TG">Togo</option>
                  <option value="TK">Tokelau</option>
                  <option value="TO">Tonga</option>
                  <option value="TT">Trinidad and Tobago</option>
                  <option value="TN">Tunisia</option>
                  <option value="TR">Turkey</option>
                  <option value="TM">Turkmenistan</option>
                  <option value="TC">Turks and Caicos Islands</option>
                  <option value="TV">Tuvalu</option>
                  <option value="UG">Uganda</option>
                  <option value="UA">Ukraine</option>
                  <option value="AE">United Arab Emirates</option>
                  <option value="GB">United Kingdom</option>
                  <option value="US" selected>United States</option>
                  <option value="UM">United States Minor Outlying Islands</option>
                  <option value="UY">Uruguay</option>
                  <option value="UZ">Uzbekistan</option>
                  <option value="VU">Vanuatu</option>
                  <option value="VE">Venezuela, Bolivarian Republic of</option>
                  <option value="VN">Viet Nam</option>
                  <option value="VG">Virgin Islands, British</option>
                  <option value="VI">Virgin Islands, U.S.</option>
                  <option value="WF">Wallis and Futuna</option>
                  <option value="EH">Western Sahara</option>
                  <option value="YE">Yemen</option>
                  <option value="ZM">Zambia</option>
                  <option value="ZW">Zimbabwe</option>
                 </select>
                 <span class="form-text text-muted">You can add a search input by passing <code>data-live-search="true"</code> attribute</span>
                </div>
               </div>
               <div class="form-group row">
                <label class="col-form-label text-right col-lg-3 col-sm-12">Key Words</label>
                <div class="col-lg-4 col-md-9 col-sm-12">
                 <select class="form-control selectpicker" data-live-search="true">
                  <option data-tokens="ketchup mustard">Hot Dog, Fries and a Soda</option>
                  <option data-tokens="mustard">Burger, Shake and a Smile</option>
                  <option data-tokens="frosting">Sugar, Spice and all things nice</option>
                 </select>
                 <span class="form-text text-muted">Add key words to options to improve their searchability using <code>data-tokens</code></span>
                </div>
               </div>
               <div class="form-group row">
                <label class="col-form-label text-right col-lg-3 col-sm-12">Limited Selection</label>
                <div class="col-lg-4 col-md-9 col-sm-12">
                 <div class="row">
                  <div class="col-6">
                   <select class="form-control selectpicker" multiple data-max-options="2" >
                    <option>Mustard</option>
                    <option>Ketchup</option>
                    <option>Relish</option>
                   </select>
                  </div>
                  <div class="col-6">
                   <select class="form-control selectpicker" multiple>
                    <optgroup label="Condiments" data-max-options="2">
                     <option>Mustard</option>
                     <option>Ketchup</option>
                     <option>Relish</option>
                    </optgroup>
                    <optgroup label="Breads" data-max-options="2">
                     <option>Plain</option>
                     <option>Steamed</option>
                     <option>Toasted</option>
                    </optgroup>
                   </select>
                  </div>
                 </div>
                </div>
               </div>
               <div class="form-group row">
                <label class="col-form-label text-right col-lg-3 col-sm-12">Placeholder</label>
                <div class="col-lg-4 col-md-9 col-sm-12">
                 <select class="form-control selectpicker" title="Choose one of the following...">
                  <option>Mustard</option>
                  <option>Ketchup</option>
                  <option>Relish</option>
                 </select>
                </div>
               </div>
               <div class="form-group row">
                <label class="col-form-label text-right col-lg-3 col-sm-12">Selected Text</label>
                <div class="col-lg-4 col-md-9 col-sm-12">
                 <select class="form-control selectpicker" title="Choose one of the following...">
                  <option title="Combo 1">Hot Dog, Fries and a Soda</option>
                  <option title="Combo 2" selected>Burger, Shake and a Smile</option>
                  <option title="Combo 3">Sugar, Spice and all things nice</option>
                 </select>
                </div>
               </div>
               <div class="form-group row">
                <label class="col-form-label text-right col-lg-3 col-sm-12">Selected Text Format</label>
                <div class="col-lg-4 col-md-9 col-sm-12">
                 <select class="form-control selectpicker" multiple data-selected-text-format="count">
                  <option title="Combo 1">Hot Dog, Fries and a Soda</option>
                  <option title="Combo 2">Burger, Shake and a Smile</option>
                  <option title="Combo 3" selected>Sugar, Spice and all things nice</option>
                 </select>
                 <div class="mt-2"></div>
                 <select class="form-control selectpicker" multiple data-selected-text-format="count > 3">
                  <option title="Combo 1" selected>Hot Dog, Fries and a Soda</option>
                  <option title="Combo 2">Burger, Shake and a Smile</option>
                  <option title="Combo 3">Sugar, Spice and all things nice</option>
                 </select>
                </div>
               </div>
               <div class="form-group row">
                <label class="col-form-label text-right col-lg-3 col-sm-12">Style Options</label>
                <div class="col-lg-4 col-md-9 col-sm-12">
                 <select class="form-control selectpicker" title="">
                  <option class="bg-success text-light-success">Mustard</option>
                  <option class="bg-warning text-light-warning">Ketchup</option>
                  <option class="bg-primary text-light-primary">Relish</option>
                 </select>
                </div>
               </div>
               <div class="form-group row">
                <label class="col-form-label text-right col-lg-3 col-sm-12">Width Options</label>
                <div class="col-lg-4 col-md-9 col-sm-12">
                 <select class="form-control selectpicker" data-width="" title="Auto">
                  <option>Mustard</option>
                  <option>Ketchup</option>
                  <option>Relish</option>
                 </select>
                 <div class="mt-2"></div>
                 <select class="form-control selectpicker" data-width="200px" title="Fixed: 200px">
                  <option>Mustard</option>
                  <option>Ketchup</option>
                  <option>Relish</option>
                 </select>
                 <div class="mt-2"></div>
                 <select class="form-control selectpicker" data-width="75%" title="Fixed: 75%">
                  <option>Mustard</option>
                  <option>Ketchup</option>
                  <option>Relish</option>
                 </select>
                </div>
               </div>
               <div class="form-group row">
                <label class="col-form-label text-right col-lg-3 col-sm-12">Icons</label>
                <div class="col-lg-4 col-md-9 col-sm-12">
                 <select class="form-control selectpicker">
                  <option data-icon="la la-bullhorn font-size-lg bs-icon">Mustard</option>
                  <option data-icon="la la-bookmark  font-size-lg bs-icon">Ketchup</option>
                  <option data-icon="la la-calendar-check-o  font-size-lg bs-icon">Relish</option>
                 </select>
                </div>
               </div>
               <div class="form-group row">
                <label class="col-form-label text-right col-lg-3 col-sm-12">Custom Content</label>
                <div class="col-lg-4 col-md-9 col-sm-12">
                 <select class="form-control selectpicker">
                  <option data-content="<span class='label label-success label-inline label-rounded'>Relish</span>">Mustard</option>
                  <option data-content="<span class='label label-warning label-inline label-rounded'>Ketchup</span>">Ketchup</option>
                  <option data-content="<span class='label label-primary label-inline label-rounded'>Relish</span>">Relish</option>
                  <option data-content="<span class='label label-danger label-inline label-rounded'>Chili</span>">Chili</option>
                 </select>
                </div>
               </div>
               <div class="form-group row">
                <label class="col-form-label text-right col-lg-3 col-sm-12">Subtext</label>
                <div class="col-lg-4 col-md-9 col-sm-12">
                 <select class="form-control selectpicker">
                  <option data-subtext="French's">Mustard</option>
                  <option data-subtext="Heinz">Ketchup</option>
                  <option data-subtext="Sweet">Relish</option>
                 </select>
                </div>
               </div>
               <div class="form-group row">
                <label class="col-form-label text-right col-lg-3 col-sm-12">Select/deselect all options</label>
                <div class="col-lg-4 col-md-9 col-sm-12">
                 <select class="form-control selectpicker" multiple data-actions-box="true">
                  <option>Mustard</option>
                  <option>Ketchup</option>
                  <option>Relish</option>
                  <option>Mayonnaise</option>
                  <option>Barbecue Sauce</option>
                  <option>Salad Dressing</option>
                  <option>Tabasco</option>
                  <option>Salsa</option>
                  <option>Mustard</option>
                  <option>Ketchup</option>
                  <option>Relish</option>
                  <option>Mayonnaise</option>
                  <option>Barbecue Sauce</option>
                  <option>Salad Dressing</option>
                  <option>Tabasco</option>
                  <option>Salsa</option>
                  <option>Mustard</option>
                  <option>Ketchup</option>
                  <option>Relish</option>
                  <option>Mayonnaise</option>
                  <option>Barbecue Sauce</option>
                  <option>Salad Dressing</option>
                  <option>Tabasco</option>
                  <option>Salsa</option>
                 </select>
                </div>
               </div>
               <div class="form-group row">
                <label class="col-form-label text-right col-lg-3 col-sm-12">Divider</label>
                <div class="col-lg-4 col-md-9 col-sm-12">
                 <select class="form-control selectpicker">
                  <option data-subtext="French's">Mustard</option>
                  <option data-subtext="Heinz">Ketchup</option>
                  <option data-divider="true" label="Label"></option>
                  <option data-subtext="Sweet">Relish</option>
                 </select>
                </div>
               </div>
               <div class="form-group row">
                <label class="col-form-label text-right col-lg-3 col-sm-12">Menu Header</label>
                <div class="col-lg-4 col-md-9 col-sm-12">
                 <select class="form-control selectpicker" data-header="Select an option">
                  <option data-subtext="French's">Mustard</option>
                  <option data-subtext="Heinz">Ketchup</option>
                  <option data-subtext="Sweet">Relish</option>
                 </select>
                </div>
               </div>
               <div class="form-group row">
                <label class="col-form-label text-right col-lg-3 col-sm-12">Disabled</label>
                <div class="col-lg-4 col-md-9 col-sm-12">
                 <select class="form-control selectpicker" disabled>
                  <option data-subtext="French's">Mustard</option>
                  <option data-subtext="Heinz">Ketchup</option>
                  <option data-subtext="Sweet">Relish</option>
                 </select>
                </div>
               </div>
               <div class="form-group row">
                <label class="col-form-label text-right col-lg-3 col-sm-12">Disabled Options</label>
                <div class="col-lg-4 col-md-9 col-sm-12">
                 <select class="form-control selectpicker">
                  <option data-subtext="French's">Mustard</option>
                  <option data-subtext="Heinz" disabled>Ketchup</option>
                  <option data-subtext="Sweet">Relish</option>
                 </select>
                </div>
               </div>
               <div class="form-group row">
                <label class="col-form-label text-right col-lg-3 col-sm-12">Button States</label>
                <div class="col-lg-4 col-md-9 col-sm-12">
                 <select class="form-control selectpicker" title="Success" data-style="btn-success">
                  <option>Mustard</option>
                  <option>Ketchup</option>
                  <option>Relish</option>
                 </select>
                 <div class="mt-2"></div>
                 <select class="form-control selectpicker" title="Warning" data-style="btn-warning">
                  <option>Mustard</option>
                  <option>Ketchup</option>
                  <option>Relish</option>
                 </select>
                 <div class="mt-2"></div>
                 <select class="form-control selectpicker" title="Danger" data-style="btn-danger">
                  <option>Mustard</option>
                  <option>Ketchup</option>
                  <option>Relish</option>
                 </select>
                 <div class="mt-2"></div>
                 <select class="form-control selectpicker" title="primary" data-style="btn-primary">
                  <option>Mustard</option>
                  <option>Ketchup</option>
                  <option>Relish</option>
                 </select>
                 <div class="mt-2"></div>
                 <select class="form-control selectpicker" title="Primary" data-style="btn-primary">
                  <option>Mustard</option>
                  <option>Ketchup</option>
                  <option>Relish</option>
                 </select>
                </div>
               </div>
               <div class="form-group row">
                <label class="col-form-label text-right col-lg-3 col-sm-12">Modal Demos</label>
                <div class="col-lg-4 col-md-9 col-sm-12">
                 <a href="" class="btn btn-light-success font-weight-bold" data-toggle="modal" data-target="#kt_select_modal">Launch modal examples</a>
                </div>
               </div>
              </div>
              <div class="card-footer">
               <div class="row">
                <div class="col-lg-9 ml-lg-auto">
                 <button type="reset" class="btn btn-primary mr-2">Submit</button>
                 <button type="reset" class="btn btn-secondary">Cancel</button>
                </div>
               </div>
              </div>
             </form>
             <!--end::Form-->
            </div>

           // Class definition

           var KTBootstrapSelect = function () {

            // Private functions
            var demos = function () {
             // minimum setup
             $('.kt-selectpicker').selectpicker();
            }

            return {
             // public functions
             init: function() {
              demos();
             }
            };
           }();

           jQuery(document).ready(function() {
            KTBootstrapSelect.init();
           });

Minimum Setup
Minimum Setup
Options Size
Optgroups Example
Select boxes with optgroups
Multiple Select
Live Search
You can add a search input by passing `data-live-search="true"`attribute
Key Words
Add key words to options to improve their searchability using `data-tokens`
Limited Selection
Placeholder
Selected Text
Selected Text Format
Style Options
Width Options
Icons
Custom Content
Subtext
Select/deselect all options
Divider
Menu Header
Disabled
Disabled Options
Button States
Modal Demos
Launch modal examples

##### Bootstrap Touchspin Examples

Standard Input
Minimum Setup
Optgroups Example
Select boxes with optgroups
Multiple Select
Live Search
You can add a search input by passing `data-live-search="true"`attribute

### Validation State Examples

           <div class="card card-custom">
            <div class="card-header">
             <div class="card-title">
              <h3 class="card-title">
               Validation State Examples
              </h3>
             </div>
            </div>
            <!--begin::Form-->
            <form class="form">
             <div class="card-body">
              <div class="form-group row">
               <label class="col-form-label text-right col-lg-3 col-sm-12">Success State</label>
               <div class="col-lg-4 col-md-9 col-sm-12 validate">
                <select class="form-control is-valid selectpicker">
                 <option>Mustard</option>
                 <option>Ketchup</option>
                 <option>Relish</option>
                </select>
                <div class="valid-feedback">Success! You've done it.</div>
                <span class="form-text text-muted">Example help text that remains unchanged.</span>
               </div>
              </div>
              <div class="form-group row">
               <label class="col-form-label text-right col-lg-3 col-sm-12">Warning State</label>
               <div class="col-lg-4 col-md-9 col-sm-12 validate">
                <select class="form-control is-invalid selectpicker">
                 <option>Mustard</option>
                 <option>Ketchup</option>
                 <option>Relish</option>
                </select>
                <div class="invalid-feedback">Shucks, check the formatting of that and try again.</div>
                <span class="form-text text-muted">Example help text that remains unchanged.</span>
               </div>
              </div>
             </div>
             <div class="card-footer">
              <div class="row">
               <div class="col-lg-9 ml-lg-auto">
                <button type="reset" class="btn btn-primary mr-2">Submit</button>
                <button type="reset" class="btn btn-secondary">Cancel</button>
               </div>
              </div>
             </div>
            </form>
            <!--end::Form-->
           </div>

          // Class definition

          var KTBootstrapSelect = function () {

           // Private functions
           var demos = function () {
            // minimum setup
            $('.kt-selectpicker').selectpicker();
           }

           return {
            // public functions
            init: function() {
             demos();
            }
           };
          }();

          jQuery(document).ready(function() {
           KTBootstrapSelect.init();
          });

Success State
Success! You've done it.
Example help text that remains unchanged.
Warning State
Shucks, check the formatting of that and try again.
Example help text that remains unchanged.

### User Profile 12 messages

James Jones
Application Developer
jm@softplus.com Sign Out
My Profile
Account settings and more update
My Messages
Inbox and tasks
My Activities
Logs and notifications
My Tasks
latest tasks and projects

##### Recent Notifications

Another purpose persuade Due in 2 Days
+28%
Would be to people Due in 2 Days
+50%
Purpose would be to persuade Due in 2 Days
-27%
The best product Due in 2 Days
+8%

#### Shopping Cart

iBlender The best kitchen gadget in 2020
$ 350 for 5
SmartCleaner Smart tool for cooking
$ 650 for 4
CameraMax Professional camera for edge cutting shots
$ 150 for 3
4D Printer Manufactoring unique objects
$ 1450 for 7
MotionWire Perfect animation tool
$ 650 for 7

##### System Messages

Top Authors Most Successful Fellas
+82$
Popular Authors Most Successful Fellas
+280$
New Users Most Successful Fellas
+4500$
Active Customers Most Successful Fellas
+4500$
Bestseller Theme Most Successful Fellas
+4500$

##### Notifications

Another purpose persuade Due in 2 Days
+28%
Would be to people Due in 2 Days
+50%
Purpose would be to persuade Due in 2 Days
-27%
The best product Due in 2 Days
+8%
5 new user generated report
Reports based on sales
2 new items submited
by Grog John
79 PSD files generated
Reports based on sales
$2900 worth producucts sold
Total 234 items
4.5h-avarage response time
Fostest is Barry
3 Defence alerts
40% less alerts thar last week
Avarage 4 blog posts per author
Most posted 12 time
16 authors joined last week
9 photodrapehrs, 7 designer
2 new items have been submited
by Grog John
2.8 GB-total downloads size
Mostly PSD end AL concepts
$2900 worth producucts sold
Total 234 items
7 new user generated report
Reports based on sales
4.5h-avarage response time
Fostest is Barry

##### Customer Care

Enable Notifications:
Enable Case Tracking:
Support Portal:

##### Reports

Generate Reports:
Enable Report Export:
Allow Data Collection:

##### Memebers

Enable Member singup:
Allow User Feedbacks:
Enable Customer Portal:
Matt Pears
Active
Matt Pears 2 Hours
How likely are you to recommend our company to your friends and family?
3 minutes You
Hey there, we’re just writing to let you know that you’ve been subscribed to a repository on GitHub.
Matt Pears 40 seconds
Ok, Understood!
Just now You
You’ll receive notifications for all issues, pull requests!
Matt Pears 40 seconds
You can unwatch this repository immediately by clicking here: https://github.com
Just now You
Discover what students who viewed Learn Figma - UI/UX Design. Essential Training also viewed
Matt Pears 40 seconds
Most purchased Business courses during this sale!
Just now You
Company BBQ to celebrate the last quater achievements and goals. Food and drinks provided

#### Select A Demo

##### Demo 1

Default RTL Version

##### Demo 2

Default RTL Version

##### Demo 3

Default RTL Version

##### Demo 4

Default RTL Version

##### Demo 5

Default RTL Version

##### Demo 6

Default RTL Version

##### Demo 7

Default RTL Version

##### Demo 8

Default RTL Version

##### Demo 9

Default RTL Version

##### Demo 10

Default RTL Version

##### Demo 11

Default RTL Version

##### Demo 12

Default RTL Version

##### Demo 13

Default RTL Version

##### Demo 14

Coming soon

##### Demo 15

Coming soon

##### Demo 16

Coming soon

##### Demo 17

Coming soon

##### Demo 18

Coming soon

##### Demo 19

Coming soon

##### Demo 20

Coming soon

##### Demo 21

Coming soon

##### Demo 22

Coming soon

##### Demo 23

Coming soon

##### Demo 24

Coming soon

##### Demo 25

Coming soon

##### Demo 26

Coming soon

##### Demo 27

Coming soon

##### Demo 28

Coming soon

##### Demo 29

Coming soon

##### Demo 30

Coming soon