在Bootstrap Popover中显示表单控件输入

时间:2016-05-03 10:07:13

标签: twitter-bootstrap

我创建了一个带有弹出框的按钮,里面有一个表单控件。弹出窗口有效,但data-content内的内容显示为普通字符串。我怎么能改变这个?

<button type="button" class="btn btn-primary" 
        data-toggle="popover" data-placement="bottom"  
        title="Sort..." data-content='<input id="aaa" type="text" class="form-control" placeholder="search"/>'>

            <span class="glyphicon glyphicon-sort"></span> sort
</button>

请参阅bootply上的此示例。

1 个答案:

答案 0 :(得分:0)

您需要在弹出按钮上添加data-html='true'

这是更新的JSFiddle