LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code
CSS
.popover-header {
  padding: 8px 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.popover-title {
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
}

.example-popovers {
  padding: 30px 0;
}

.acenter {
  text-align: center;
  margin: 30px 0;
}
JS
$.fn.extend({
  popoverClosable: function(options) {
    var defaults = {
      template: '
\
\
\ \

\
\
\
' }; options = $.extend({}, defaults, options); var $popover_togglers = this; $popover_togglers.popover(options); $popover_togglers.on('click', function(e) { e.preventDefault(); $popover_togglers.not(this).popover('hide'); }); $('html').on('click', '[data-dismiss="popover"]', function(e) { $popover_togglers.popover('hide'); }); } }); $(function() { $('[data-toggle="popover"]').popoverClosable(); });

Description

Using the next element to supply the html for the bootstrap popover.
Term
Sat, 04/14/2018 - 20:45

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv