I'm trying to align divs with bootstrap, but it doesn't work.
I don't want to do it by table I have tried with the table tag, but I want to do it by using divs and bootstrap.
I'm not an expert with bootstrap as you can see, but I'm trying.
Can anyone help me?
My screen:
Here is my code:
<div class="d-flex flex-column">
<div class="d-flex flex-row justify-content-around">
<div class="d-flex flex-row">
Código da filial:
<input type="text" class="form-control" name="CTD_ITEM">
</div>
<div class="d-flex flex-row">
Nome:
<input type="text" class="form-control" name="CTD_DESC01">
</div>
</div>
<div class="d-flex flex-row justify-content-around">
<div class="d-flex flex-row">
Estado:
<input type="text" class="form-control" name="CTD_DESC04">
</div>
<div class="d-flex flex-row">
Sigla:
<input type="text" class="form-control" name="CTD_DESC02">
</div>
</div>
</div>