The Bootstrap buttons are aligned to the left using the CSS properties 'display: flex' and 'justify-content: flex-start'.
<div class="demo-justify-content-start">
<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-start {
display: flex;
flex-direction: row;
gap: 20px;
justify-content: flex-start
}