Bootstrap Buttons

Align buttons to the right

In the example above:

The Bootstrap buttons are aligned to the right using the CSS properties 'display: flex' and 'justify-content: flex-end'.

HTML

<div class="demo-justify-content-end">
<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>

CSS

.demo-justify-content-end {
display: flex;
flex-direction: row;
gap: 20px;
justify-content: flex-end
}