如何使用引导框架将表单放入弹出框？答案

【问题标题】：How to put form in popover using bootstrap framework?如何使用引导框架将表单放入弹出框？
【发布时间】：2012-12-03 19:51:27
【问题描述】：

我想要做的是在弹出框中放置一个简单的表单，现在我的弹出框工作正常，但是当我将表单放入弹出框时它不起作用。

这是我的输出

这是我的代码

<a href="#" class="btn" rel="popover" data-placement="bottom" data-content="
<form class='form-horizontal'>
<div class='control-group'>
<label class='control-label' for='inputEmail'>Start Date</label>
<div class='controls'>

<input type='text' class='span3 ' name='start_date' id='start_date' placeholder='News Date' value='<?php echo date('d-m-Y'); ?>' >
</div>
</div>
<div class='control-group'>
<label class='control-label' for='inputEmail'>End Date</label>
<div class='controls'>
<input type='text' id='end_date' name='end_date' placeholder='End Date' class='input-xlarge uneditable-input'>
</div>
</div>
</form>" title="Popover on bottom">         
</a>

这是教我做这样事情的网址 Contain form within a bootstrap popover?

我的引导版本是 2.2.2，知道如何解决我的问题吗？谢谢

【问题讨论】：

Contain form within a bootstrap popover?的可能重复

标签： twitter-bootstrap

【解决方案1】：

您可以在包含弹出框的<a>标签上设置data-html="true"

【讨论】：

【解决方案2】：

查看这个 jsfiddle，我使用了 3 个简单的按钮： here

我在 jquery 变量中复制了我的 html 代码：

var mycontent='<div class="btn-group"> <button class="btn">Left</button> <button class="btn">Middle</button> <button class="btn">Right</button> </div>'

即使你删除html: true,它也能正常工作

【讨论】：