bootstrap 4 popover with html content code example
Example 1: popover bootstrap 4
<script>
$(document).ready(function(){
$('[data-toggle="popover"]').popover({
html: true
});
});
</script>
Example 2: bootstrap popover
<button type="button" class="btn btn-lg btn-danger" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Click to toggle popover</button>
Example 3: bootstrap 4 popover content from div
.popover-html ul {
list-style: none;
margin: 0;
padding: 0;
}
.popover-html ul li {
display: inline-block;
white-space: nowrap;
width: 33%;
}
.popover-html ul li + li {
padding-left: 5px;
}