如何将bootstrap数据容器设置为特定id

时间:2014-05-13 16:57:11

标签: javascript css twitter-bootstrap popover

我尝试制作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(&#34; anotherDivId&#34;),而不是附加到body

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

感谢。

1 个答案:

答案 0 :(得分:11)

data-container="#anotherDivId"是对的,应该有用。

小心虽然如果#anotherDivId被隐藏(显示:无),那么popover不会工作