Alinhamento Vertical no card-header com bootstrap

Tenho um card e um título como card-header. Gostaria que o título ficasse alinhado vertical inferior. Já tentei align-text-bottom mas não funcionou. Segue o código:

<div class="card">   <h5 class="card-header align-text-bottom">Filtro por data</h5>   <div class="card-body">     <div class="row">       <div class="col-md-3">         <div class="form-group">           <label>Conta Corrente </label>           <dx-select-box placeholder="Selecione Conta..." [items]="contasCorrente" displayExpr="descricao" valueExpr="id" [searchEnabled]="true" formControlName="contaCorrenteId">           </dx-select-box>           <span class="text-danger" *ngIf="displayMessage.contaCorrenteId">                       <p [innerHTML]="displayMessage.contaCorrenteId"></p>                     </span>         </div>       </div>        <div class="col-md-3">         <div class="form-group">           <label class="control-label" for="dataEmissaoInicial">Data Emissão Inicial</label>           <dx-date-box type="date" width="100%" displayFormat="dd/MM/yyyy" formControlName="dataEmissaoInicial" (onValueChanged)="definirValor($  event)"></dx-date-box>           <span class="text-danger" *ngIf="displayMessage.dataEmissaoInicial">                       <p [innerHTML]="displayMessage.dataEmissaoInicial"></p>                     </span>         </div>       </div>        <div class="col-md-3">         <div class="form-group">           <label class="control-label" for="dataEmissaoFinal">Data Emissão Final</label>           <dx-date-box [min]="minDate" [max]="maxDate" type="date" width="100%" displayFormat="dd/MM/yyyy" formControlName="dataEmissaoFinal" (onValueChanged)="definirValor($  event)"></dx-date-box>           <span class="text-danger" *ngIf="displayMessage.dataEmissaoFinal">                       <p [innerHTML]="displayMessage.dataEmissaoFinal"></p>                     </span>         </div>       </div>        <div class="col-md-3">         <button type="button" style="margin-top: 27px" class="btn btn-block btn-success" (click)="filtrarConciliacao()">                     <i class="fa fa-refresh"></i> Filtrar </button>       </div>     </div>   </div> </div>

Atualmente está assim:

inserir a descrição da imagem aqui

Eu gostaria que ficasse assim:

inserir a descrição da imagem aqui

Problema de alinhamento de uma imagem em relação a um menu

Estou com dificuldade em resolver o seguinte caso: preciso alterar o posicionamento de uma image em um CSS. A imagem está configurada com {max-height: 400%;width: auto} mas deve ficar alinhada na base ou acima do menu do site. Não sou programador e não sei como resolver. Mando um print da tela com os elementos selecionados para vocês entenderem minha necessidade e verem se podem me ajudar neste caso. O site é de um sistema SEER e está utilizando um tema do bootstrap. É possível alterar apenas no CSS? print da tela com os elementos selecionados

Alinhamento correto

Boa noite a todos colegas.. Estou pesquisando muito e não consigo achar uma solução para o seguinte problema. Não consigo manter alinhado de nada como mostra a figura abaixo:inserir a descrição da imagem aqui

Baixei vários modelos mas nenhum deu certo . Ou as fotos ficam iguais a primeira linha ou a primeira linha fica igual a segunda. Alguém poderia me orientar? Obs: o site somente fotos e 1 formulário Obrigado

Boostrap alinhamento Horizontal

estou fazendo uma grid em boostrap, e não consigo alinha corretamente o horizontalmente. Deveria ficar sempre assim:

*-------------*     *--------------*    *--------------* | card grande |     | card Pequeno |    | card Pequeno | *-------------*     *--------------*    *--------------* |             |     |     dois     |    |     quatro   | |             |     *--------------*    *--------------* |     UM      | |             | |             | |             | |             |   |             |     *--------------*    *--------------* |             |     | card Pequeno |    | card Pequeno | |             |     *--------------*    *--------------* |             |     |     tres     |    |     cinco    | *-------------*     *--------------*    *--------------* 

Veja que os cards tres e cinco, deveriam estar alinhados com a base do card um, porém eles estão ficando assim:

*-------------*     *--------------*    *--------------* | card grande |     | card Pequeno |    | card Pequeno | *-------------*     *--------------*    *--------------* |             |     |     dois     |    |     quatro   | |             |     *--------------*    *--------------* |     UM      |   |             |     *--------------*    *--------------* |             |     | card Pequeno |    | card Pequeno | |             |     *--------------*    *--------------* |             |     |     tres     |    |     cinco    | |             |     *--------------*    *--------------* |             | |             |  |             | *-------------* 

como os card tres e cinco, logo abaixo dos dois e quatro.

Aqui esta um exemplo de como estou fazendo agora