Bootstrap-Tour RTL Popover位置

Question

我使用的是RTL bootstrap CSS 3.3.7版本和Bootstrap-Tour 0.11.0版本。popover元素看起来并不靠近相应的元素，但它位于右侧。这个问题只有在我使用RTL Bootstrap CSS时才会发生。

这是我目前拥有的代码：

var tour = new Tour({
    template : '<div class="popover" role="tooltip"> <div class="arrow"></div> <h3 class="popover-title"></h3> <div class="popover-content"></div> <div class="popover-navigation"> <div class="btn-group"> <button class="btn btn-sm btn-default" data-role="prev">&laquo; הקודם</button> <button class="btn btn-sm btn-default" data-role="next">הבא &raquo;</button> <button class="btn btn-sm btn-default" data-role="pause-resume" data-pause-text="Pause" data-resume-text="Resume">עצור</button> </div> <button class="btn btn-sm btn-default" data-role="end">צא מעזרה</button> </div> </div>',
    steps : [{
            element : "#pop1",
            title : "Title of my step",
            content : "Content of my step",
            backdrop : true,
            backdropPadding : 3
        },
        {
            placement : "top",
            element : "#pop2",
            title : "Title of my step",
            content : "Content of my step",
            backdrop : true,
            backdropPadding : 3
        }
    ]
});

JSFiddle链接：https://jsfiddle.net/DUKEiLL/z6qzzsjj/

Answer 1

bootstrap-tour目前似乎不支持rtl，即使你设法以正确的方式放置弹出窗口，你仍然会在键盘箭头混乱(颠倒)的情况下导航。我不推荐在rtl页面中使用bootstrap-tour