javascript - 当主列 float 在侧边栏旁边时，将 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%;
}