Justify space evenly
Here's is an example of how to justify space evenly between Bootstrap buttons with display: flex;
Here's is an example of how to justify space evenly between Bootstrap buttons with display: flex;
<div class="demo-justify-content-evenly">
<button class="btn btn-outline-secondary" type="button">Button</button>
<button class="btn btn-outline-secondary" type="button">Button</button>
<button class="btn btn-outline-secondary" type="button">Button</button>
</div>
.demo-justify-content-evenly {
display: flex;
flex-direction: row;
gap: 20px;
justify-content: space-evenly
}