twitter-bootstrap – 如何使用bootstrap框架将表单放入popover?

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – 如何使用bootstrap框架将表单放入popover?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想要做的是在popover中放一个简单的表单,现在我的popover工作正常,但是当我把表单放在popover中时它不起作用.

这是我的输出

这是我的代码

  1. <a href="#" class="btn" rel="popover" data-placement="bottom" data-content="
  2. <form class='form-horizontal'>
  3. <div class='control-group'>
  4. <label class='control-label' for='inputEmail'>Start Date</label>
  5. <div class='controls'>
  6.  
  7. <input type='text' class='span3 ' name='start_date' id='start_date' placeholder='News Date' value='<?PHP echo date('d-m-Y'); ?>' >
  8. </div>
  9. </div>
  10. <div class='control-group'>
  11. <label class='control-label' for='inputEmail'>End Date</label>
  12. <div class='controls'>
  13. <input type='text' id='end_date' name='end_date' placeholder='End Date' class='input-xlarge uneditable-input'>
  14. </div>
  15. </div>
  16. </form>" title="Popover on bottom">
  17. </a>

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

我的bootstrap版本是2.2.2,任何想法如何解决我的问题?谢谢

解决方法

您可以在< a>上设置data-html =“true”.包含popover的标记

猜你在找的Bootstrap相关文章