引導酥料餅：對齊右上方

$('.well').each(function() { 
    var $this = $(this); 

    $this.popover({ 
     placement: 'right', 
     html: true, 
     content: $this.find('.tip').html() 
    }) 
});

這就是我要做的：

enter image description here

取而代之的是：

enter image description here

我已經嘗試了很多的建議，但任何人都不幸工作。

來源

2015-06-09 brunodd

什麼*所有建議*你試過嗎？ –

難道你沒有一個代碼給我們看？ –

這裏是我的代碼：http://jsfiddle.net/brunodd/8tyxyfds/ – brunodd

還有另外一個原因了。 Bootstrap有一個錯誤！更新Bootstrap CSS以使其工作。請點擊此處查看Fiddle。

將data-container="body"更改爲您的父母。你必須顯示你的代碼才能獲得幫助！在你的代碼，使用方法：

data-container="parent-selector" // Instead of the default!

的documentation說：

追加酥料餅到一個特定的元素。例如：容器：'body'。此選項，因爲它可以讓你的酥料餅在觸發元件附近的文檔流定位特別有用 - 這將防止酥料餅從一個窗口大小調整期間浮動從觸發單元分離。

<button type="button" class="btn btn-default" data-container="#idofparent" 
     data-toggle="popover" data-placement="top" 
     data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."> 
    Popover on top 
</button>

來源

2015-06-09 12:27:21

這裏是我的代碼：http://jsfiddle.net/brunodd/8tyxyfds/ – brunodd

@brunodd更新您的引導人... HTTP：// jsfiddle.net/8tyxyfds/2/ –

是它的更新 – brunodd

我設法做它的傳統方式：

jsfiddle

來源

2015-06-09 15:53:07 brunodd

引導酥料餅：對齊右上方

回答

相關問題