Добавлять классы к попсовому контенту Bootstrap?

Question

Используя html ниже, я могу показать кнопку html.Однако при добавлении классов к кнопке всплывающая кнопка сломается и отобразится на экране.Есть ли способ добавить классы, такие как btn к кнопке во всплывающем окне?

  <div class="col-md-2 popscustom"><a href="#x"><img data-toggle="popover" data-html="true" title="Popover title" data-content="
      <div>
         <button>Test</button>
      </div>


$(function () {
  $('[data-toggle="popover"]').popover({ trigger: 'hover', html: 'true', container: 'body'})
})

Answer 1

Убедитесь, что вы не передаете data-html: "true" в виде строки.Это должно быть логическое значение ...

$('[data-toggle="popover"]').popover({ trigger: 'hover', html:true})

Переключение на одинарные кавычки (') для html-содержимого внутри всплывающего окна ...

<a href="#x"><img data-toggle="popover" title="Popover title" data-title="foo" data-content="<div><button class='btn btn-danger'>Test</button></div>" src="//placehold.it/200"></a>

Демонстрация: https://www.codeply.com/go/EKuiKhFaeP