jquery Bootstrap 弹出框（Popover）显示html内容，URL，div等

实现效果：

其实有个关键点：

data-container="body" data-html="true" 注意下就可以了

<button type="button"  title="Popover title"  
            data-container="body" data-html="true" data-toggle="popover" data-placement="bottom" 
            data-content=‘

            <div > <form role="form" method="post"> <div > <label>Start time?</label> <div  > <input type="text"  placeholder="Start Date time of event" /> <span > <span ></span> </span> </div> </div> <div > <label>End time?</label> <div  > <input type="text"  placeholder="End Date time" /> <span > <span ></span> </span> </div> </div> <div > <button >Search between dates</button> </div> </form> </div>

            ‘>
        底部的 Popover
    </button>

要是没加 data-container="body" data-html="true" ，那就这样了：