How do I align a particular div in the center with bootstrap 4? I tried the code below, but it did not work:
<div class="col-md-12 col-xs-12">
<h3 style="color: #3e4095; font-weight: bold">USUÁRIOS</h3>
<div style="margin-top: 20px">
<form class="" action="detalhes-usuarios/" method="post">
<div class="col-lg-6 col-lg-offset-6">
<div class="input-group">
<input type="text" name="Usuario" class="form-control col-md-8" placeholder="Digite o nome do usuario" id="usuario" aria-label="Buscar por nome" aria-describedby="btnGroupAddon2">
<div class="input-group-prepend">
<button type="submit" class="input-group-text" id="btnBuscar" style="cursor: pointer"><i class="fas fa-search"></i></button>
</div>
</div>
</div>
</form>
</div>
</div>