Bootstrap: Alinear Botones en una fila junto con otro controles

Aca dejo un truco para alinear los botones en forma vertical en una fila que contenga otros controles.

Lo hice bajo el Template Concept.

Botones sin alinear (código)

<div class="row">
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-6">
<label class="control-label text-primary " for="imput-select">Botones Normales</label>
<input type="text" value="" class="form-control"/>
</div>
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-6 mb-6">
<button class="btn btn-primary" type="submit">Filtrar</button>
<button class="btn btn-secondary" type="reset">Limpiar</button>
</div>
</div>

Botones alineados (código)

<div class="row">
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-6">
<label class="control-label text-primary " for="imput-select">Botones Normales</label>
<input type="text" value="" class="form-control"/>
</div>
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-6 mb-6">
<!-- sucio truco -->
<p></p>
<!-- fin sucio truco -->
<button class="btn btn-primary" type="submit">Filtrar</button>
<button class="btn btn-secondary" type="reset">Limpiar</button>
</div>
</div>

Basta con agregar un párrafo antes de los botones …

¯\_(ツ)_/¯

Theme Concept Descarga

TYDW.-