html - 将 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

尝试使用父类form-group的text-right将按钮右对齐。

<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>