ブートストラップツアーRTLポップオーバーの位置

Question

RTLブートストラップCSS 3.3.7バージョンをブートストラップツアー0.11.0バージョンで使用しています。 popover要素は適切な要素の近くには表示されませんが、右側に配置されます。 この問題は、RTLブートストラップ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

ブートストラップ・ツアーは、あなたがポップオーバーを配置するために管理していても、一瞬のためのRTLのサポートを持っていないようです正しい方法で、あなたはキーボードの矢印を混乱させる（反転させた）ナビゲーションをまだ持っているでしょう。 rtlページでbootstrap-tourを使用しないでください。