I've been trying to customize a Bootstrap 4 example, but I'm struggling to change its direction from right to left.
.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%;
}
While removing flex styles and applying right float can achieve a right-to-left direction, I'm wondering if there's another way to change the direction without compromising on the flex styles. Any suggestions?