estoy intentando separar los botones y no logro hacerlo. He intentado meterle
entre las 'div' y tambien darle margen a las div para que se separen entre ellas pero tampoco me funciono. Alguna sugerencia? TODO LO HAGO CON BOOTSTRAP, pero no pude agregarle los script aqui. El código es el siguiente:
<hr>
<div style="">
<div class="col-md-6">
<!-- <p>Don't have an account!</p> -->
<button class="btn btn-primary btn-block" style="font-size: 10px" type="button" id="btn-signup"><i class="fa fa-user-md" style="font-size: 20px"></i></br>Registro prestador/a</button>
</div>
<div class="col-md-6">
<!-- <p>Don't have an account!</p> -->
<button class="btn btn-primary btn-block" style="font-size: 10px" type="button" id="btn-signup"><i style="font-size: 20px" class="fa fa-address-book"></i></br>Registro secretaria/o</button>
</div>
</div>
<div style="">
<div class="col-md-6">
<!-- <p>Don't have an account!</p> -->
<button class="btn btn-danger btn-block" style="font-size: 10px" type="button" id="btn-signup"><i style="font-size: 20px" class="fa fa-user"></i></br>Registro afiliado/a</button>
</div>
<div class="col-md-6">
<!-- <p>Don't have an account!</p> -->
<button class="btn btn-danger btn-block" style="font-size: 10px" type="button" id="btn-signup"><i style="font-size: 20px" class="fa fa-key"></i></br>¿Olvido su contraseña?</button>
</div>
</div>
<div style="">
<div class="col-md-6">
<!-- <p>Don't have an account!</p> -->
<button class="btn btn-danger btn-block" style="font-size: 10px" type="button" id="btn-signup"><i style="font-size: 20px" class="fa fa-unlock-alt"></i></br>¿No ha recibido<br> instrucciones para<br> desbloquear?</button>
</div>
<div class="col-md-6">
<!-- <p>Don't have an account!</p> -->
<button class="btn btn-danger btn-block" style="font-size: 10px" type="button" id="btn-signup"><i style="font-size: 20px" class="fa fa-check"></i></br>¿No ha recibido<br> instrucciones de<br> confirmacion?</button>
</div>
</div>
margin
por ejemplo de .5em para que se separen entre ellos