ブートストラップポップオーバー内にフォームコントロールの入力を表示

Question

フォームコントロール付きのPopoverでボタンを作成しました。ポップオーバーは機能しますが、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を参照してください。

Answer 1

あなたのポップオーバーボタンにdata-html='true'を追加する必要があります。

ここに更新されましたJSFiddle