定位使用Twitter的引導

，如果我有一個<a>元件上的酥料餅，並調用它，如下所示定位使用Twitter的引導

$(function() { 
    $('#element').popover({ 
     placement:'top', 
     title:'some title', 
     content: $('#some-div').html() 
    }); 
});

元素的酥料餅的顯示器頂部中央，我怎麼得到酥料餅顯示右上一酥料餅或元素的左上角？

來源

2012-04-12 marknery

可悲的是，只有：頂部|底部|離開|正確的....因爲它硬編碼的位置，並不容易修正一些CSS。我認爲唯一的解決辦法是設置一個負邊界來糾正它。但我不完全明白你想要它看起來如何？ – 2012-04-12 20:11:09

截至目前，你不能，目前僅限於top | bottom | left | right，對於這樣的精度，你可以修改另一個插件的顯示，比如tipsy jQuery插件，它是引導工具提示插件的基礎開始。

Bootdtrap Popover Documentation。

來源

2012-04-12 20:11:16

您可以添加到標準彈出式佈局的樣式中以將彈出式窗口移動到您想要的位置。這是直接從自舉popover.js所採取的標準酥料餅的佈局：

<div class="popover"><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title"></h3><div class="popover-content"><p></p></div></div></div>

因此將它移到說15px的在右邊，你可以添加以下到你的風格：

.popover {margin-left: 15px;}

來源

2012-05-09 20:36:20

使用「左「而不是」保證金餘額「。 bootstrap彈出窗口使用絕對位置。說.popover {左：15px;}

來源

2013-01-17 19:51:49

定位使用Twitter的引導

回答

相關問題