Olá, eu gostaria de uma ajuda para alinhar os ítens do seguinte form. Eu gostaria que os labels dos selects ficassem acima dos mesmos à exemplo dos labels dos inputs. Adicionalmente gostaria que os selects, os imputs e os button ficassem alinhados no bottom do da div. Agradeço à quem puder me ajudar pois apesar de ter tentado pesquisar não consegui fazer.
<form class="form-inline" method="POST" action="../views/menu.php?pag=finalizados">
<div class="form-group">
<div id="aposta_filtro">
<div class="form-group form-group-jogo">
<label for="regional_aposta">Regional</label>
<select class="form-control" id="regional_aposta" name="ra">
<?php preenche_reg_combo(); ?>
</select>
</div>
<div class="form-group form-group-jogo">
<label for="regional_aposta">Cambista</label>
<select class="form-control" id="regional_aposta" name="ra">
<?php preenche_cambista_combo(); ?>
</select>
</div>
<div class="form-group form-group-jogo">
<label for="filtroInicial">Data Inicial</label>
<input type="text" class="form-control js_date"
id="filtroInicial"
required="true"
name="data_inicial"
value="
<?php
if(isset($di))
{
echo date("d/m/Y", strtotime($di));
}
else
?>"
>
</div>
<div class="form-group form-group-jogo">
<label for="filtroFinal">Data Final</label>
<input type="text" class="form-control js_date"
id="filtroFinal"
required="true"
name="data_final"
value="
<?php
if(isset($df))
{
echo date("d/m/Y", strtotime($df));
}
?>"
>
</div>
<button id="submitDataFiltro" type="submit" class="btn btn-primary"
title="Filtrar">
Filtrar <span class="fa fa-filter"></span>
</button>
<br>
</div>
</div>
</form>