I am encountering spacing issues with the markup provided below.
<h2>Profitability Report</h2>
<form method="post">
<div class="row">
<div class="col-md-12">
<div class="btn-group btn-group-toggle" data-toggle="buttons">
<label class="btn btn-secondary active">
<input type="radio" name="reporttype" id="option1" value="0" autocomplete="off" checked> Monthly
</label>
<label class="btn btn-secondary">
<input type="radio" name="reporttype" id="option2" value="1" autocomplete="off"> Quarterly
</label>
<label class="btn btn-secondary">
<input type="radio" name="reporttype" id="option3" value="2" autocomplete="off"> Annual
</label>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<select id="date-options" asp-for="ReportSettings.MonthCode" class="form-control"></select>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<select id="date-options" asp-for="ReportSettings.MonthCode" class="form-control"></select>
</div>
</div>
</div>
</form>
While there is proper spacing between the second and third row, I am confused about the lack of spacing between the first and second rows.