/CSS/Bootstrap/Bootstrap 4 popover content from div

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

Source: stackoverflow.com

Bootstrap popover on dynamic element

var popOverSettings = {
    placement: 'bottom',
    container: 'body',
    html: true,
    selector: '[rel="popover"]', //Sepcify the selector here
    content: function () {
        return $('#popover-content').html();
    }
}

$('body').popover(popOverSettings);

-1

Source: stackoverflow.com

Similar codes

14 votes389 views2 answers
.col-12 bootstrap
CSS Bootstrap
0 vote377 views1 answer
Angular-bootstrap-md angular 10
Javascript Bootstrap
0 vote404 views1 answer
Notification bell icon bootstrap react
Javascript Bootstrap
0 vote402 views1 answer
Template html css bootstrap cdn
CSS Bootstrap
145 votes524 views6 answers
Add bootstrap to react
Javascript Bootstrap
15 votes411 views8 answers
React bootstrap
Javascript Bootstrap
13 votes380 views2 answers
Bootstrap Aligning images
CSS Bootstrap
0 vote399 views1 answer
Progress bar bootstrap border
CSS Bootstrap
12 votes343 views5 answers
Bootstrap copy to clipboard
Javascript Bootstrap
1 vote400 views2 answers
Change nav background color on scroll css without bootstrap
CSS Bootstrap