Boostrap Popovers

Adding HTML in your Bootstrap Popovers

by Bislinks Dotcom

HTML

<link rel="stylesheet" href="https://bisimpacts.com/jquery/bootstrap/css/bootstrap.min.css">
<script src="https://bizimpacts.com/jquery/bootstrap/js/bootstrap.min.js"></script>
<i class="explain fa fa-question-circle text-primary" data-toggle="popover" 
data-html="true" data-trigger="focus" tabindex="0" title="Popover title" 
data-content="And here's some amazing content. Its very engaging. <a href='#' 
onclick=&quot;window.open('http://www.google.com/');&quot; title='test add link'>link to content</a> Right?"
>Click
</i>

JavaScript

$(function () {
  $('[data-toggle="popover"]').popover();
})