如何从右向左引导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;
}

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