2013-07-30 67 views
2

我一直在執行自舉的popovers一些額外的展示位置,他們所有的工作相當不錯。然而,我在彈出的動態內容方面遇到了問題。引導Popovers沒有正確定位

的內容呈現罰款和花花公子,但如果我按照它的內容使用的酥料餅的頂部位置,它的高度變化(動態),放置變成錯誤:

enter image description here

哪有我修正了這個彈出窗口,以便在調整高度時,錨點保持不變?

+2

你可以發佈你的代碼嗎? – ZimSystem

+0

它是什麼部分? – Sneaksta

+0

彈出窗口的頂部位置應該考慮彈出窗口內容的正確高度。基於popover的高度設置最高位置。你是首先設置popover,然後添加/更改內容嗎?有沒有機會看到當前的代碼或其中的一部分? –

回答

1

它在默認情況下榜首位置,請使其底部和調整根據它的位置。那麼高度會向上增加,並且不會影響您的設計。

4

試試這個:

.popover{position:fixed;} 
1

你會想是這樣的:

FIDDLE

.bubble 
{ 
    position: absolute; 
    left: -100px; /* -half width of bubble + half width of button */ 
    bottom: 100%; 
    margin-bottom: 15px; /* height of callout spike */ 
    width: 250px; 
    min-height: 50px; 
    padding: 5px; 
} 

從討論的圖像似乎規則

margin-bottom: 15px; /* height of callout spike */ 

是缺少的。