0

我正在使用带有 Bootstrap-Tour 0.11.0 版本的 RTL bootstrap CSS 3.3.7 版本。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/

4

1 回答 1

0

bootstrap-tour 目前似乎没有 rtl 支持，即使您设法以正确的方式定位弹出框，您仍然会使用键盘箭头进行导航（倒置）。我不会推荐在 rtl 页面中使用 bootstrap-tour

于 2017-12-26T09:09:14.730 回答