当主列浮动到侧边栏旁边时，按钮下方的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%;
}