Center Bootstrap buttons
Aligning Bootstrap buttons can be done in different ways depending on the desired alignment on a webpage. Here's is an example of how to center Bootstrap buttons inside a container with display: flex;
Aligning Bootstrap buttons can be done in different ways depending on the desired alignment on a webpage. Here's is an example of how to center Bootstrap buttons inside a container with display: flex;
<div class="demo-justify-content-center">
<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-center {
display: flex;
flex-direction: row;
gap: 20px;
justify-content: center
}