/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

222 votes396 views6 answers
Bootstrap CSS CDN
CSS Bootstrap
0 vote198 views1 answer
Bootstrap 4 open tab when opening modal
Javascript Bootstrap
0 vote135 views1 answer
How to use linear-gradient together with background image in bootstrap
CSS Bootstrap
0 vote204 views1 answer
Navbar bootstrap display items horizontally
CSS Bootstrap
0 vote220 views2 answers
Laravel bootstrap 5 install popper.js error
Javascript Bootstrap
4 votes199 views5 answers
Bootstrap img src
CSS Bootstrap
2 votes188 views1 answer
Bootstrap show modal on page load
Javascript Bootstrap
6 votes218 views3 answers
.row bootstrap
CSS Bootstrap
3 votes207 views1 answer
Brand icon in bootstrap5
Javascript Bootstrap
0 vote200 views1 answer
How make calender in bootstrap
Javascript Bootstrap