当主列浮动在侧边栏旁边时，在按钮下方居中 Bootstrap Popover

Question

我正在使用Bootstrap Popover，并希望弹出框与按钮底部水平居中。该按钮位于主要内容 DIV 的右列上，因此它会将其推到左侧，而不是将其放在主列和侧边栏的顶部。

如何解决这个问题？

My JSFiddle.

HTML：

<a href="#" tabindex="0" class="btn btn-lg btn-danger bs-docs-popover" role="button" data-toggle="popover" data-placement="bottom" data-trigger="focus" title="" data-content="And here's some amazing content. It's very engaging. Right?">Dismissible popover</a>

JS：

$('.bs-docs-popover').popover();

Answer 1

它对你有好处吗？ jsfiddle

我已经添加了这样的 css 类

.popover.fade {
    width: 100%;
}