<div class="container">
    <div class="row" style="padding-top: 240px;">
        <a href="#" class="btn btn-large btn-primary" rel="popover"
            data-content="<form><input type="text"/></form>"
            data-placement="top" data-original-title="Fill in form">Open form</a>
    </div>
</div>

JSfiddle

Bir javascript işlevi içinde form içeriğini depolamak olacağını tahmin ediyorum...

Nasıl bir bootstrap popover içinde bir form içerir?

Formumu bazı veriler etiketi içine biçimlendirme ve içine koymak istiyorum. Bu işe nasıl

Kod JS:

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

HTML Biçimlendirme:

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

Demo

Alternatif Yaklaşımlar:

X-Düzenlenebilir

X-Editablebakmak isteyebilirsiniz. Sayfa düzenlenebilir öğeleri oluşturmak için olanak sağlayan bir kütüphane çörek dayalı.

Webcomponents

Mike Costello Bootstrap Web Components yayımladı. Bu şık kitaplık biçimlendirme: form embed sağlayan Çörek Bileşeni vardır

<button id="popover-target" data-original-title="MyTitle" title="">Popover</button>

<bs-popover title="Popover with Title" for="popover-target">
  <!-- MyForm -->
</bs-popover>

Demo