How to insert close button in popover for Bootstrap

by

You need to make the markup right

<button type="button" id="example" class="btn btn-primary">example</button>

Then, one way is to attach the close-handler inside the element itself, the following works :

$(document).ready(function() {
    $("#example").popover({
        placement: 'bottom',
        html: 'true',
        title : '<span class="text-info"><strong>title</strong></span>'+
                '<button type="button" id="close" class="close" onclick="$(&quot;#example&quot;).popover(&quot;hide&quot;);">&times;</button>',
        content : 'test'
    });
});

More Related Contents:

  1. Changing the position of Bootstrap popovers based on the popover’s X position in relation to window edge?
  2. Bootstrap popover content cannot changed dynamically
  3. How to use Twitter Bootstrap popovers for jQuery validation notifications?
  4. anchor click doesn’t open the modal
  5. Issue with a design when content increase [closed]
  6. Dropdown Z-index not responding [closed]
  7. twitter bootstrap typeahead ajax example
  8. Bootstrap 3: Keep selected tab on page refresh
  9. $(window).width() not the same as media query
  10. How can I keep selected Bootstrap tab on page refresh?
  11. Select2 doesn’t work when embedded in a bootstrap modal
  12. Hide Twitter Bootstrap nav collapse on click
  13. Contain form within a bootstrap popover?
  14. How do I bind Twitter Bootstrap tooltips to dynamically created elements?
  15. How to set selected value on select using selectpicker plugin from bootstrap
  16. Bootstrap throws Uncaught Error: Bootstrap’s JavaScript requires jQuery [closed]
  17. Where is the typeahead JavaScript module in Bootstrap 3 RC 1?
  18. Use Bootstrap 3 dropdown menu as context menu
  19. How to pass values arguments to modal.show() function in Bootstrap
  20. Limit bootstrap-datepicker to weekdays only?
  21. jQuery ui datepicker conflict with bootstrap datepicker
  22. Implementing jQuery DatePicker in Bootstrap modal
  23. How to check if bootstrap modal is open, so I can use jquery validate?
  24. Does Twitter Bootstrap include jQuery?
  25. Bootstrap Carousel showing next and previous image
  26. Bootstrap 3.3.6 JQuery 2.2.4 Version Exception
  27. Twitter Bootstrap Carousel cycle items right to left ( RTL ) reversed
  28. how to close a bootstrap modal with the browser back button instead of going back a page?`
  29. Load content with ajax in bootstrap modal
  30. Jquery to open Bootstrap v3 modal of remote url

Leave a Comment