代码之家 › 专栏 › 技术社区 › Roham Tehrani M. S.M

如何从右向左引导4列

right-to-left bootstrap-4 css

0

Roham Tehrani M. S.M · 技术社区 · 8 年前

我复制了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样式的情况下改变其方向?

1 回复 | 直到 8 年前

1

9

Roham Tehrani M. S.M 8 年前

我对flex风格不够熟悉。在阅读了整个flex样式之后,我发现:

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

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