I am facing an issue with the size of my select field, which appears larger than my two input fields in Bootstrap 4.3. Can anyone provide guidance on how to make the select field match the size of the input fields? Your assistance would be greatly appreciated!
Below is the code snippet:
<div class="container content-center" id="margin">
<form name="formcalc">
<div class="form-group row">
<label for="staticEmail" class="col-sm-2 col-form-label">Output 1</label>
<select class="col-sm-10 form-control" id="mySelect" onchange="myFunction();setOne();">
<option value="0">CHF 0</option>
<option value="75000">CHF 75'000</option>
<option value="100000">CHF 100'000</option>
</select>
</div>
<fieldset disabled>
<div class="form-group row">
<label for="staticEmail" class="col-sm-2 col-form-label">Output 2</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="n1" name="txtres" value="CHF " readonly>
</div>
</div>
<div class="form-group row">
<label for="staticEmail" class="col-sm-2 col-form-label">Output 3</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="n2" name="txtres2" value="CHF " readonly>
</div>
</div>
</fieldset>
<button type="button" class="btn btn-outline-danger" id="toggle" data-toggle="modal"
data-target="#exampleModal">
button
</button>
</form>
<hr class="featurette-divider">
<section class="container">
<p class="lead" id="demo"></p>
</section>
</div>
picture