html - 我在 Bootstrap 主题的特殊部分遇到 RTL 问题

Question

我正在尝试在下面的 URL 中(在其侧边栏区域的底部)RTL“更多过滤器”复选框: http://www.vasterad.com/themes/listeo_latest/listings-list-with-sidebar.html 谁能知道我该怎么做？

我尝试插入这些属性:

 Direction: rtl;

或

 Float: right;

甚至

 text-align: right;

它们都不能 RTL 方形复选框，只有文本标签 RTL。 ::before 选择器插入的方形复选框。我也尝试用::after 选择器替换它。 不工作了。 它知道这可能很简单，但实际上我无法意识到知道。 谁能帮我？ 谢谢

Answer 1

将文件 style.css 中 .checkboxes label:before 的属性 left: 0; 更改为 right: 0; :

.checkboxes label:before {
    content: "";
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-right: 10px;
    position: absolute;
    right: 0; //***************change here************//
    top: 3px;
    background-color: #fff;
    border: 2px solid #d0d0d0;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all .25s;
    font-family: fontawesome;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 15px;
}