javascript - Twitter Bootstrap 的 javascript Popover 看起来不对

Question

我正在尝试实现 Bootstrap JS 的 Popover ( this )，但出于某种原因，它没有按预期显示。

这就是我想要的

如您所见，Popover 的主体向左移动，边框有点破损。

这是我的代码

<a class="btn success" id="previewBeforeSubmit"  href="#"
 data-original-title="Test" data-content="Lorem Ipsum">Save Changes</a>

<script type="text/javascript">
   $("#previewBeforeSubmit").popover({position: 10, placement: 'above'});
</script>

关于造成这种情况的原因有什么线索吗？

Answer 1

很可能是 CSS 冲突。您现有的 CSS 规则可能会向弹出窗口的规则添加属性。我将从 FireBug 中的检查开始，看看从哪里继承了哪些 css 规则。