Question

我正在使用带有Bootstrap-Tour 0.11.0版本的RTL bootstrap CSS 3.3.7版本。弹出元素不会出现在适当的元素附近，而是位于右侧。只有在我使用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 Link：https://jsfiddle.net/DUKEiLL/z6qzzsjj/

Answer 1

bootstrap-tour目前似乎没有得到rtl支持，即使你设法以正确的方式定位弹出窗口，你仍然会使用键盘箭头混乱导航（倒置）。我不打算在rtl页面中使用bootstrap-tour

Bootstrap-Tour RTL Popover位置

1 个答案: