How to push a block to the right in bootstrap 5?

Question

Bootstrap

Please tell me how to push the block to the right edge in bootstrap 5? Details in the screenshot. I did float: right, but I think it should be done differently in bootstrap !?

Answer 1

I would make my own class on flex in css.
For example:

<div class='btn-wrapper-end'>
  <button>Ваша кнопка</button>
</div>

.btn-wrapper-end {
  display: flex;
  justify-content: flex-end;
}

Or, if you want purely through bootstrap classes, you can add the d-flex justify-content-end properties to the container of your button:

<div class='d-flex justify-content-end'>
  <button>Ваша кнопка</button>
</div>