弹出框内的文本方向从右到左 (rtl) bootstrap

Question

我尝试编写一个在悬停时出现的简单弹出窗口，到目前为止非常简单。问题是我不想用英文写标题，事实上我想用希伯来语写标题。众所周知，语言的方向是 rtl 而不是 ltr。我的问题是我无法更改文本属性的方向，已经尝试使用 class= pull-right.

代码如下：

$(document).ready(function(){
$('#start').popover({
    html : true, 
    content: "as you can see the hebrew text doesnt fit the title",
    title: "<div class='pull-right'>שלום</div>",
    placement : "bottom",
    trigger: "hover"


    });   


});

这里是linkto test the code

Answer 1

删除 שלום 周围的 div 标签，并在您的 css 中写入：

.popover-title {text-align: right;}

这是你的example

弹出框内的文本方向从右到左 (rtl) bootstrap

text direction right to left (rtl) inside popover bootstrap

html

jquery

popover

twitter-bootstrap