如何将bootstrap数据容器设置为特定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被隐藏(显示:无),那么弹出窗口将不起作用