/CSS/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 vote256 views5 answers
Rosa
CSS
2 votes270 views1 answer
Css area not selectable
CSS
13 votes266 views4 answers
Reduce image size css
CSS
0 vote270 views1 answer
Make changes to api fetch onclick in react
CSS
1 vote273 views2 answers
Place items
CSS
15 votes252 views2 answers
Get rid of arrows number input
CSS
0 vote262 views1 answer
Css keep element on same position among different screen size
CSS
1 vote247 views1 answer
Css Use the correct background property to make the background image NOT scroll with the rest of the page.
CSS
0 vote265 views1 answer
Wordpress template load CSS
CSS
13 votes243 views4 answers
Background color transparent
CSS