Разместить форму внутри popover в bootstrap 3?

Как разместить форму внутри popover в bootstrap 3?

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

он дает эффект:

Я хочу разместить форму внутри своего тела. Как мы можем это сделать?

Ответ 1

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

Покрытия HTML-кода Popover:

<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>

Ответ 2

Я добавляю контент на popover следующим образом:

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