Select
Il classico “menu a tendina”.
Per le select, viene aggiunta la classe .form-group-select al consueto .form-group
Come per altri elementi, è possibile utilizzre sul tag select le classi .form-control-lg e .form-control-sm per controllare la dimensione dei campi
<form>
<div class="form-group form-group-select">
<label for="exampleFormControlSelect1">Esempio select</label>
<select class="form-control" id="exampleFormControlSelect1">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</div>
<div class="form-group form-group-select">
<label for="exampleFormControlSelect2">Esempio Select multipla</label>
<select multiple class="form-control " id="exampleFormControlSelect2">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</div>
<div class="form-group form-group-select">
<label for="exampleFormControlSelect3">Esempio select grande</label>
<select class="form-control form-control-lg" id="exampleFormControlSelect3">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</div>
<div class="form-group form-group-select">
<label for="exampleFormControlSelect4">Esempio select piccola</label>
<select class="form-control form-control-sm" id="exampleFormControlSelect4">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</div>
</form>