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看起來不對

回答

相關問題