如何在popover切换中显示表单？

Question

我正在尝试使用弹出式切换显示表单。

<li>
   <a href="#" rel="popup" tabindex="0" data-toggle="popover" title="SIGN IN" data-placement="bottom"  data-content='<form>
                                 <input type="text">
                              </form>
    '>Sign in</a>
</li>

但无法使其正常工作。我怎样才能做到这一点？

Answer 1

Doc：Bootstrap modals

<script type="text/javascript" src="js/modal.js"></script>

<a href="#" data-toggle="modal" data-target="#signin">

<div id="signin" class="modal hide fade" style="display: none; ">
    <div class="modal-header">
        <a class="close" data-dismiss="modal">×</a>
        <h3>Sign In</h3>
    </div>
    <div class="modal-body">
        <form action="signin.html" method="post">
            ...
        </form>
    </div>
</div>

Answer 2

使用javascript API的内容选项代替数据内容：

$('#popover').popover({
    title: "Popover title",
    content: function () {
        return "<form><input type='text'></form>";
    },
    html: true
});

详细了解usage，example。