/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

9 votes234 views3 answers
Bootstrap badge color
CSS Bootstrap
0 vote201 views1 answer
Bootstrap not working in print
Javascript Bootstrap
0 vote222 views1 answer
Bootstrap 3 dropdown don't close on click
Javascript Bootstrap
1 vote204 views3 answers
Bootstrap table text vertical align center
CSS Bootstrap
0 vote225 views1 answer
Vue js doesn't support bootstrap-vue
Javascript Bootstrap
55 votes281 views5 answers
Bootstrap 3 button
CSS Bootstrap
4 votes161 views2 answers
Bootstrap Image thumbnails
CSS Bootstrap
0 vote192 views1 answer
Bootstrap selectpicker get selected value
Javascript Bootstrap
0 vote190 views1 answer
Javascript plugin bootstrap
Javascript Bootstrap
1 vote197 views1 answer
Import maxcdn.bootstrapcdn.com not in index.html in specific component file
CSS Bootstrap