Twitter Bootstrap的javascript Popover看起来不对

我试图实现Bootstrap JS的Popover（this），并且出于某种原因，它没有像它应该显示的那样。Twitter Bootstrap的javascript 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>

任何线索是什么造成的？

来源

2011-09-26 Benjamin

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

来源

2011-09-26 07:07:19 Andri

我在使用“容器”示例应用程序并添加弹出窗口时遇到此问题。 – awendt

这是一个保证金的事情，加上

.popover .content { 
margin: 0; 
}

这应该解决您的问题。

来源

2011-10-19 00:53:29

这适用于我 - 剪切/粘贴。 – Zorayr

我想你正在使用他们的container example。如果是，您可以通过注释行margin: 0 -20px解决此问题。它显示在以下块：

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

来源

2012-01-09 17:49:53

是的，这是问题！解决很久以前，但仍然是一个好主意，张贴这个任何未来的参考。 – Benjamin

更普遍解决方法是加入data-container='body'到元件从从（和穿过）元素继承CSS规则停止它。

来源

2016-02-17 21:09:23 Abram

Twitter Bootstrap的javascript Popover看起来不对

回答

相关问题