如何从右到左 bootstrap 4 列

Question

我复制了Bootstrap4的表格示例，但是我不能从右到左改变它的方向。

.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;
}

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

如何从右到左 bootstrap 4 列

How to right to left bootstrap 4 columns

css

right-to-left

bootstrap-4