/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

0 vote391 views1 answer
Bootstrap dropdown not working in angular 8
Javascript Bootstrap
0 vote397 views1 answer
Bootstrap 4 open tab when opening modal
Javascript Bootstrap
25 votes444 views6 answers
How to install bootstrap in angular
Javascript Bootstrap
105 votes475 views3 answers
React bootstrap do you need to import
Javascript Bootstrap
0 vote405 views1 answer
Sticky footer not working bootstrap
CSS Bootstrap
0 vote460 views1 answer
Bootstrap 4 input error
CSS Bootstrap
3 votes393 views1 answer
Bootstrap 3 offset
CSS Bootstrap
0 vote425 views1 answer
Wp_enqueue_script bootstrap 5
Javascript Bootstrap
0 vote450 views1 answer
React bootstrap table
Javascript Bootstrap
18 votes429 views6 answers
Bootstrap5 cdn
Javascript Bootstrap