bootstrap 3 select code example
Example 1: bootstrap checkbox
<div>
<div class="row">
<div class="form-check form-check-inline">
<input id="checkbox2" type="checkbox">
<label for="checkbox2">Checkbox not checked</label>
</div>
<div class="form-check form-check-inline">
<input id="checkbox3" type="checkbox" checked="checked">
<label for="checkbox3">Checkbox checked</label>
</div>
</div>
</div>
Example 2: bootstrap radio
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1">
<label class="form-check-label" for="inlineRadio1">1</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2">
<label class="form-check-label" for="inlineRadio2">2</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3" disabled>
<label class="form-check-label" for="inlineRadio3">3 (disabled)</label>
</div>
Example 3: bootstrap radio button
<div class="form-check">
<input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value="option1" checked>
<label class="form-check-label" for="exampleRadios1">
Default radio
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios2" value="option2">
<label class="form-check-label" for="exampleRadios2">
Second default radio
</label>
</div>
<div class="form-check disabled">
<input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios3" value="option3" disabled>
<label class="form-check-label" for="exampleRadios3">
Disabled radio
</label>
</div>
Example 4: bootstrap form input select
<div class="col-lg-6 col-md-6 col-12">
<div class="input-group mb-3">
<div class="input-group-prepend">
<select class="form-control select2bs4" name="country_code" id="country_code" style="width: 100%">
<option value="+91">+91</option>
<option value="+351">+351</option>
<option value="+1">+1</option>
</select>
</div>
<input type="text" name="user" class="form-control" placeholder="Email Or Mobile Number">
</div>
</div>
Example 5: bootstrap 3 select menu
<div class="dropdown">
<button class="btn dropdown-toggle sr-only" type="button" id="dropdownMenu1" data-toggle="dropdown">
Dropdown
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
<li role="presentation" class="divider"></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li>
</ul>
</div>