/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

105 votes492 views3 answers
React bootstrap do you need to import
Javascript Bootstrap
2 votes447 views1 answer
Uncaught TypeError: Bootstrap's JavaScript requires jQuery. jQuery must be included before Bootstrap's JavaScript electron
Javascript Bootstrap
0 vote409 views1 answer
Filter bootstrap
Javascript Bootstrap
0 vote410 views1 answer
React bootstrap make col disapear in small screens
Javascript Bootstrap
34 votes405 views6 answers
Rounded bootstrap
Javascript Bootstrap
112 votes494 views6 answers
Import bootstrap 4 in react
Javascript Bootstrap
0 vote432 views1 answer
Input area bootstrap highlight
CSS Bootstrap
6 votes383 views2 answers
Bootstrap alert auto close
Javascript Bootstrap
0 vote426 views1 answer
React-bootstrap problem-install new version
Javascript Bootstrap
20 votes456 views2 answers
Bootstrap screen sizes
CSS Bootstrap