Потому что bootstrap .row имеет правило display: flex и свойство float дочерних элементов игнорируется.
Используйте класс-утилиту .justify-content-end:
<div class="row justify-content-end"></div>
Ну и изучайте верстку и возможности инструментов, которые используете.
