/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 vote246 views1 answer
Form.Control textarea react bootstrap
Javascript Bootstrap
22 votes345 views2 answers
React-bootstrap example
Javascript Bootstrap
0 vote254 views1 answer
Navbar bootstrap display items horizontally
CSS Bootstrap
133 votes362 views6 answers
Using bootstrap with react
Javascript Bootstrap
105 votes374 views3 answers
React bootstrap do you need to import
Javascript Bootstrap
2 votes240 views1 answer
Size carousel bootstrap 4
CSS Bootstrap
1 vote342 views1 answer
React-bootstrap navbar nav link refreshes page
Javascript Bootstrap
1 vote233 views1 answer
Bootstrap icons react
Javascript Bootstrap
0 vote261 views1 answer
Form.select react bootstrap
Javascript Bootstrap
0 vote268 views1 answer
Comment intégrer font awesome et bootstrap dans angular 13
Javascript Bootstrap