css - Flexbox：尝试使用 Flex-end 和文本对齐

Question

我正在练习使用 css flexbox。

我的问题是：如果我想将按钮放在页面的右侧，我该怎么办？

我已经尝试过 flex-end 和 text-align right。我在行使用 flex 也在 col-12 上尝试过，但输出仍然相同..

这是repl链接 repl.it

标签： cssflexbox

Answer 1

你可以试试

display: flex;
justify-content: space-between;

上.col-12。

这将使 .col-12 跨越页面的整个宽度，并在其中的弹性项目之间平均分配额外的空间。