/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 votes346 views2 answers
.col-12 bootstrap
CSS Bootstrap
0 vote357 views1 answer
React bootstrap carousel not working
CSS Bootstrap
0 vote358 views2 answers
How to assign bootstrapswitch using jquery
Javascript Bootstrap
0 vote337 views1 answer
Wp_enqueue_script bootstrap
Javascript Bootstrap
0 vote346 views1 answer
Wp_enqueue_script bootstrap 5
Javascript Bootstrap
125 votes342 views6 answers
Install React Bootstrap
Javascript Bootstrap
35 votes362 views3 answers
What does class="d-none d-md-block" mean in bootstrap?
CSS Bootstrap
2 votes334 views4 answers
Add bootstrap to gatsby
Javascript Bootstrap
0 vote327 views1 answer
Install bootstrap in nextjs
Javascript Bootstrap
1 vote348 views1 answer
Bootstrap card hover effect
CSS Bootstrap