Bootstrap-Tour RTL Popover позиция

Question

Я использую версию RTL начальной загрузки 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, даже если вам удастся правильно расположить поповер, у вас все равно будет навигация со спутанными стрелками клавиатуры (инвертированными). Я не буду рекомендовать использовать bootstrap-tour на страницах RTL