Как выровнять кнопку по правому краю?

Для выравнивания кнопки по правому краю в библиотеке Bootstrap можно использовать классы "ml-auto" или "float-right".

1. С помощью класса "ml-auto":
Класс "ml-auto" добавляет отступ слева, который автоматически растягивается, чтобы выровнять элемент по правому краю контейнера. Например, если у вас есть кнопка внутри элемента-контейнера, вы можете применить класс "ml-auto" к ней, чтобы выровнять ее по правому краю:

<div class="container">
  <button class="btn ml-auto">Кнопка</button>
</div>

2. С помощью класса "float-right":
Класс "float-right" добавляет свойство "float: right" к элементу, что приводит к его выравниванию по правому краю контейнера. Применение этого класса аналогично применению класса "ml-auto":

<div class="container">
  <button class="btn float-right">Кнопка</button>
</div>

Оба варианта дают одинаковый результат. Однако использование класса "ml-auto" может быть предпочтительнее в случае, если вам необходимо внедрить другие элементы внутри контейнера и выровнять кнопку относительно них. Также, учтите, что класс "ml-auto" работает только внутри элементов-контейнеров, которые имеют свойство "display: flex" или "display: grid".