Estou tentando alinhar dois elementos na mesma linha: um centralizado e outro no final do flex container.
Eu consigo o resultado esperado com esse código:
<div class="row">
<div class="d-flex w-25"></div>
<div class="d-flex justify-content-center w-50 my-2">
<h5>Cadastro</h5>
</div>
<div class="d-flex justify-content-end w-25 mt-2">
<p class="mt-1">Inativo</p>
<div>
<kendo-switch formControlName="xxx"></kendo-switch>
</div>
</div>
</div>
Porém eu suponho que não é uma boa prática usar um flex-container
vazio para alinhar o h5
.
Existe alguma outra alternativa com melhor prática para realizar o alinhamento desses dois itens?
Eu tentei usar w-75
na div
do h5
porém não tem o mesmo efeito, não fica totalmente centralizado