Dynamically add a class to Bootstrap’s ‘popover’ container

by

You can do this without hacking Bootstrap and without changing the template either, by grabbing the popover object from the caller’s data and accessing its $tip property.

$('a[rel=popover]')
  .popover({ placement: 'bottom', trigger: 'hover' })
  .data('bs.popover')
  .tip()
  .addClass('my-super-popover');

More Related Contents:

  1. How to change the bootstrap css width into 1000px? [closed]
  2. anchor click doesn’t open the modal
  3. Issue with a design when content increase [closed]
  4. Dropdown Z-index not responding [closed]
  5. What is the easiest way to disable/enable buttons and links (jQuery + Bootstrap)
  6. How to get header from cards or similar to have the same height with flex box?
  7. $(window).width() not the same as media query
  8. Bootstrap 3 Collapse show state with Chevron icon
  9. Bootstrap throws Uncaught Error: Bootstrap’s JavaScript requires jQuery [closed]
  10. How to fade loop background images?
  11. Bootstrap 4 with remote Modal
  12. Bootstrap CSS Active Navigation
  13. Bootstrap Carousel showing next and previous image
  14. Add and remove a class on click using jQuery?
  15. css width: calc(100% -100px); alternative using jquery
  16. Number nested ordered lists in HTML
  17. Use jQuery/CSS to find the tallest of all elements [duplicate]
  18. How do I auto-hide placeholder text upon focus using css or jquery?
  19. How to make a hover effect for pseudo elements?
  20. Exporting PDF with jspdf not rendering CSS
  21. Get height of div with no height set in css
  22. Where is the typeahead JavaScript module in Bootstrap 3 RC 1?
  23. How can I tell if a particular CSS property is inherited with jQuery?
  24. Change button text jquery mobile
  25. Bootstrap popover content cannot changed dynamically
  26. Getting the actual, floating-point width of an element
  27. CSS for the “down arrow” on a element?
  28. Show/ Hide Table Column with colspan using jQuery
  29. Twitter Bootstrap Carousel cycle items right to left ( RTL ) reversed
  30. Removing multiple classes (jQuery)

Leave a Comment