Перемещение кнопки bootstrap-4 вправо без искажения формата

Question

Я действительно новичок в bootstrap-4, и я создал простой сайт в социальных сетях, используя его. Я попытался сделать свою кнопку «создать», «войти» и «зарегистрироваться» вправо с помощью «float-right», но это испортило формат? Любой совет будет оценен.

Я ожидаю этого, но справа https://imgur.com/nhqLk2M

кнопка отправки

<div class="form-group">
    {{ form.submit(class="btn btn-outline-info float-right") }}
</div>

Answer 1

Оказывается, я не добавил текст прямо в разделе класса, так что это не сработало, ошибка новичка для начинающего студенческого кодера, извините, ребята

Answer 2

Попробуйте использовать text-right для родительского класса form-group, чтобы выровнять кнопку справа.

<div class="form-group text-right">
    {{ form.submit(class="btn btn-outline-info float-right") }}
</div>

Попробуйте следующий формат:

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet"/>

<div class="form-group text-right">
    <button type="button" class="btn btn-outline-info" value="">Submit</button>
</div> 

Answer 3

Вам необходимо применить класс float-right к родительскому div - иначе вы будете перемещать кнопку внутри div вместо плавающего div справа от нижнего колонтитула.

<div class="form-group float-right">
    {{ form.submit(class="btn btn-outline-info") }}
</div>