Javascript 推特引导&x27；这件衣服看起来不对劲

我试图实现Bootstrap JS的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>

$（“#预览前重新提交”）.popover（{位置：10，位置：'上方'}）；

---

有什么线索可以说明是什么原因吗？

很可能是CSS冲突。您现有的css规则可能正在向popover添加属性。我将从FireBug中的一个检查开始，看看从何处继承了哪些css规则。

这是一个空白，添加

.popover .content {
margin: 0;
}

---

这应该可以解决您的问题。

我想您正在使用他们的。如果是，您可以通过注释掉行

边距：0-20px

来解决此问题。它出现在以下块中：

  .content {
    background-color: #fff;
    padding: 20px;
    margin: 0 -20px;
    ...
  }

---

更通用的解决方案是向元素添加

data container='body'

，以阻止它从元素继承css规则。

我在使用他们的“container”示例应用程序和添加弹出框时遇到了这个问题。是的，这就是问题所在！解决了很久以前，但仍然是一个好主意，张贴这为任何未来的参考。