html - 在引导程序 3 中的弹出窗口中放置一个表单？

Question

如何在引导程序 3 的弹出框内放置表单？

<a href="#" class="btn btn-lg btn-danger" data-toggle="popover" title="" data-content="And here's some amazing content. It's very engaging. right?" data-original-title="A Title">Click It !</a>

它产生如下效果：

我想在它的体内放置一个表格。我们该怎么做？

Answer 1

$('#popover').popover({ 
    html : true,
    title: function() {
      return $("#popover-head").html();
    },
    content: function() {
      return $("#popover-content").html();
    }
});

弹出框 HTML 标记：

<a href="#" id="popover">the popover link</a>
<div id="popover-head" class="hide">some title</div>
<div id="popover-content" class="hide">
  <form>
    <!-- my form -->
  </form>
</div>

Answer 2

我在 popover 上添加内容，如下所示：

$('#your-poped').popover({
  content: '<div id="preview"></div>',
  html: true,
  trigger: 'manual',
  delay: {'show':1000, 'hide':250},
});
$('#preview').html(yourdata);