如何从右到左引导4列

Question

我复制了Bootstrap 4的形式示例，但是我无法从右向左改变它的方向。

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px)
<style>…</style>
.col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

删除flex styles后，right float样式可以将其更改为rtl方向。但是否有另一种方法可以在不忽略弹性样式的情况下改变方向？

Answer 1

我不熟悉flex风格。在阅读完整的flex样式后，我发现了这种方式：

.row {
    flex-direction: row-reverse;
}

我认为这是改变方向的正确方法。