Bootstrap popover定位

时间:2017-12-08 02:21:54

标签: jquery css twitter-bootstrap bootstrap-popover

有没有办法在点击按钮的“右下角”而不是“右中”对齐引导弹出框?它应该是动态的。

enter image description here

您可以在此处查看标准代码http://jsfiddle.net/VUZhL/2915/

<a href="#" id="example" rel="popover" data-placement="right" data-content="Header" data-original-title="Text">pop</a>

提前致谢。

1 个答案:

答案 0 :(得分:0)

你需要覆盖bootstrap popover css来实现你想要的目标:

.popover {
    margin-top: -20px;
}

.popover.right .arrow {
    margin-top: 8px;
}

检查以下小提琴:

http://jsfiddle.net/VUZhL/2916/