Bootstrap-Tour RTL Popover Position

Question

Ich benutze RTL Bootstrap CSS 3.3.7 Version mit Bootstrap-Tour 0.11.0 Version. Das Popover-Element erscheint nicht in der Nähe des entsprechenden Elements, sondern befindet sich auf der rechten Seite. Dieses Problem tritt nur auf, wenn ich RTL Bootstrap CSS verwende.

Dies ist der Code, den ich derzeit haben:

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 scheint nicht rtl Unterstützung für den Moment zu haben, auch wenn es Ihnen gelingt, die popover zu positionieren In der richtigen Weise haben Sie immer noch die Navigation mit Tastaturpfeilen (invertiert) durcheinander gebracht. Ich werde nicht empfehlen Bootstrap-Tour in rtl Seiten