如何从右到左引导 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方向。但是有没有其他方法可以在不忽略 flex 样式的情况下改变它的方向？

Answer 1

我对 flex 样式还不够熟悉。在阅读了整个 flex 样式之后，我发现了这种方式：

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

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