如何在移动设备上重新排序元素？

Question

我有以下内容：

<div class="ml-auto text-right">
    <button class="btn btn-back">Back</button>
    <span class="mx-2"></span>
    <button class="btn btn-next" type="submit">Next</button>
</div>

即使我不使用列，是否可以对移动设备上的按钮重新排序？

Answer 1

你的问题有点不清楚，如果你想改变按钮的顺序，这意味着移动版本上的“下一步”在“返回”之前，你可以使用这个HTML：

<div class="ml-auto d-flex flex-row-reverse flex-sm-row justify-content-start justify-content-sm-end">
    <button class="btn btn-back">Back</button>
    <span class="mx-2"></span>
    <button class="btn btn-next" type="submit">Next</button>
</div>