Looking to center four buttons with equal spacing between them? Here's what you can do:
|--button--button--button--button--|
Struggling with manual margin adjustment causing buttons to overlap? Check out this code snippet:
<div id="">
<button id="buttons" type="button" class="btn btn-secondary">Print Label</button>
<button id="buttons" type="button" class="btn btn-secondary">Label Wijzigen</button>
<button id="buttons" type="button" class="btn btn-secondary" data-bs-toggle="modal" data-bs-target="#eanScan">Scan</button>
<button id="buttons" type="button" class="btn btn-secondary">Verzenden</button>
</div>
Here's the CSS used:
#buttons {
margin: 22px;
margin-top: 0px !important;
height: 175px;
width: 175px;
text-align: center;
}