如何制作内容文本＆＃34; rtl＆＃34;在popover按钮通过bootstrap

Question

我有一个弹出悬停按钮。我想制作文字RTL。我该怎么办？

<button
    type                = "button"
    class               = "btn btn-success btn-xs pop"
    data-container      = "body"
    data-toggle         = "popover"
    data-placement      = "right"
    data-content        = "hello world"
    data-original-title = ""
    title               = "">help</button>

Answer 1

添加：

$(".test div").each(function() {
  
  if ($(this).hasClass('has-error')) {
    console.log($(this).hasClass('has-error'))
    console.log($(this).parent().attr("class"))
  }
})

Answer 2

  

一个从右到左方向的段落：

     

<div class="popover" role="tooltip" direction="rtl"> <div class="arrow"></div> <h3 class="popover-title"></h3> <div class="popover-content"></div> </div>

对于您的情况，并且如bootstrap中所述，您可以选择通过属性data-template更改popover tempate

rtl

在您的代码中，添加此属性并在标题和正文中将方向设置为<button data-template='<div class="popover" role="tooltip" dir="rtl"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>' ...> Help <button>

filter

HTML rtl attribute

bootstrap popovers

Answer 3

尝试使用css，就像这样

.your-class-name{
    direction: rtl;
}

阅读完整的参考资料here