/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

33 votes256 views3 answers
React native bootstrap
Javascript Bootstrap
0 vote250 views1 answer
My drop down link won't work with bootstrap angular
Javascript Bootstrap
0 vote252 views1 answer
Form.select not working react bootstrap
Javascript Bootstrap
0 vote257 views1 answer
Bootstrap create full screen background image
CSS Bootstrap
0 vote245 views1 answer
Bootstrap carousel dynamic height jquery
Javascript Bootstrap
2 votes270 views8 answers
Bootstrap 5
CSS Bootstrap
0 vote326 views1 answer
How to use bootstrap color variables in sass
CSS Bootstrap
0 vote259 views1 answer
Shadow on hover class on card bootstrap
CSS Bootstrap
0 vote248 views1 answer
How to style navbar-toggler-icon bootstrap 5
CSS Bootstrap
92 votes269 views5 answers
Bootstrap primary color code
CSS Bootstrap