/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 vote264 views1 answer
Bootstrap 4 without javascript
Javascript Bootstrap
5 votes270 views4 answers
Hide bootstrap modal jquery
Javascript Bootstrap
0 vote278 views1 answer
Navbar bootstrap display items horizontally
CSS Bootstrap
24 votes280 views5 answers
Open bootstrap modal with javascript
Javascript Bootstrap
127 votes296 views4 answers
React import bootstrap css
CSS Bootstrap
0 vote273 views1 answer
React-bootstrap problem-import new version
Javascript Bootstrap
0 vote334 views1 answer
Vendor bundle base js and bootstrap min js conflict
Javascript Bootstrap
1 vote257 views1 answer
Import maxcdn.bootstrapcdn.com not in index.html in specific component file
CSS Bootstrap
0 vote264 views1 answer
Check if form bootstrap is valid js
Javascript Bootstrap
0 vote268 views1 answer
Angular-bootstrap-md angular 10
Javascript Bootstrap