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;
}

Tags: