【问题标题】:Bootstrap popover positioning引导弹出框定位
【发布时间】:2017-12-08 02:21:53
【问题描述】:

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

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

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

提前致谢。

【问题讨论】:

  • 没有明确问题陈述的问题对其他读者没有用处。请参阅:如何创建最小、完整和可验证的示例。
  • @ColinCline 感谢您的评论,但是哪一部分不清楚?我只需要Bootstrap popover的高级定位
  • 我无法访问您的链接。这就是为什么您必须在此处添加代码以获得更准确的答案(基于 SO 规则)
  • 右下角是什么位置,在顶点上?在链接中,图像显然是“右”而不是“右下”
  • @ColinCline 谢谢,编辑了问题

标签: jquery css twitter-bootstrap bootstrap-popover


【解决方案1】:

你需要重写 bootstrap popover css 来实现你想要的:

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

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

检查以下小提琴:

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

【讨论】:

  • 内容的高度变高了怎么办(看图)? -1
  • 我只是覆盖了弹出框。盒子里没有任何东西。
  • 这只是一个例子。 OP想要实现图片中的内容。他想弹出总是在底部而不是中间。在您的示例中,如果您向弹出框添加一些额外的内容,它最终将变为中间。
  • 是的,这只是一个例子,我提供这个是因为这将是最简单的解决方案,显然应该相应地更改边距。
猜你喜欢
  • 2019-04-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-10-16
  • 1970-01-01
  • 1970-01-01
  • 2015-11-25
  • 2013-01-07
相关资源
最近更新 更多