bootstrap 4 popover content from div

1
2 <script>
3$(document).ready(function(){
4  $('[data-toggle="popover"]').popover({
5  	  html: true
6  }); 
7});
8</script>
9 

1var popOverSettings = {
2    placement: 'bottom',
3    container: 'body',
4    html: true,
5    selector: '[rel="popover"]', //Sepcify the selector here
6    content: function () {
7        return $('#popover-content').html();
8    }
9}
10
11$('body').popover(popOverSettings);

1.popover-html ul {
2  list-style: none;
3  margin: 0;
4  padding: 0;
5}
6
7.popover-html ul li {  
8    display: inline-block;
9    white-space: nowrap;
10    width: 33%;
11}
12
13.popover-html ul li + li {
14  padding-left: 5px;
15}