6

要素にポップオーバーがあり、<a>次のように呼び出す場合

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

ポップオーバーは要素の上部中央を表示しますが、ポップオーバーを要素の右上または左上に表示するにはどうすればよいですか?

4

3 に答える 3

7

標準のポップオーバー レイアウトのスタイルに追加して、ポップオーバーを必要な場所に移動できます。これは、bootstrap-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-09T20:36:20.973 に答える
6

今のところ、そのような精度のために、ブートストラップ ツールチップ プラグインのベースとなったほろ酔いjQuery プラグtop | bottom | left | rightインなどの別のプラグインの表示を変更することはできません。

Bootdtrap ポップオーバー ドキュメント。

于 2012-04-12T20:11:16.563 に答える
0

「margin-left」の代わりに「left」を使用します。ブートストラップ ポップオーバーは絶対位置を使用しています。.popover{left:15px;} と言います。

于 2013-01-17T19:51:49.037 に答える