如何将引导数据容器设置为特定 ID

Question

我尝试制作bootstrap popover，为此我根据bootstrap指南编写了以下代码。

我正在使用bootstrap 3.1.0。

<input id="shelfLifeField" type="text" placeholder="Use-By" class="form-control first" data-container="body" data-toggle="popover" data-placement="bottom" data-html="true" data-content="<div class='row'>this is just for text</div>"/>

它工作正常，但问题是popover content 附加到body。为此，我阅读了bootstrap 文档，最后我发现，我可以通过data-container 属性进行控制。

所以我尝试了以下方式。

  data-container="#anotherDivId"

实际上我正在尝试，我想将popover 内容附加到特定的div("anotherDivId") 而不是附加到body。

我的想法失败了，任何人都可以帮助我。

谢谢。

Answer 1

data-container="#anotherDivId" 是正确的，应该可以工作。

请注意，如果 #anotherDivId 被隐藏（使用 display:none），则弹出框将不起作用