如何使用 jquery 步骤向导从右到左的步骤

Question

我正在使用 jquery-steps 插件制作向导，但问题是我无法使步骤从右到左对齐。

.例如：我的步骤：1.step一2.step二 我的期望：2.step 两个 1.step on（我也在使用 rtl 语言 :)）

注意：我正在动态使用 jquery step make with (You can check it here)

我试过了：

$(document).ready(function() {
  $("#wizard").steps(
    rtl: true
  );
});

但是没有用，我该如何解决？此致

Answer 1

你试过这个吗？

.wizard>.steps>ul>li, .wizard>.actions>ul>li {
    float: right;
}

Answer 2

这是我的 CSS 从右到左切换 jQuery.steps：

body {
    direction: rtl;
}

.wizard>.steps>ul>li, .wizard>.actions>ul>li {
    float: right;
}

.wizard > .content > .body {
    direction: rtl;
}
.wizard > .content > .body p {
    text-align: right;
}

Answer 3

对于智能向导 jquery v4.x 添加此 css

.sw-main .sw-container .step-content {
direction: rtl;
text-align: justify;

}