Twitter bootstrap Bootstrap popover是单词包装

我使用的是一个弹出框，右边的弹出框出于某种原因正在包装文本，导致它们相互重叠，我不知道该怎么办。我喜欢左边的府绸，这就是我想要右边的样子。我能做些什么来解决这个问题

左边的那个

<div class="form-group" 
    data-trigger="manual" 
    data-placement="left" 
    data-toggle="popover" 
    title="" 
    data-content="">

<div class="form-group" 
    data-trigger="manual" 
    data-placement="right" 
    data-toggle="popover" 
    title="" 
    data-content="">

---

我就是这么做就把它修好了。如果有更好的办法，请告诉我

$(".popover").css({
    display: "inline-block",
    whiteSpace: "nowrap"
}).find(".arrow").css({
    top: "50%"
});

---

我自己发现了这个问题，我发现这是由于元素受到其右侧父容器的某种限制而导致的。因此，它将尽可能小的文本允许它

所以我就让它向右转。它仍将受到引导中配置的最大宽度的限制

对于我的情况，我用以下CSS修复了它

我建议将其限制在另一个容器中，以免产生任何副作用：

.myContainer.popover{}

$(".popover").css({
    display: "inline-block",
    whiteSpace: "nowrap"
}).find(".arrow").css({
    top: "50%"
});

.popover {
    right: -100%;
}