multiple Bootstrap / JS / PHP modal

0

I used this link as a reference for creating my Modal: Open Multiple Bootstrap Modes .

After opening a modal and clicking outside the modal box, when we return to page, an automatic style of padding-right is opened: 17px, and with each modal open it is added with 17px, result, the page is shrinking to the left due to padding.

I used f12 to check what happens, 1st print taken in index, without opening modal:

2ndprinttakenwithopenmodal:

Imadeasweepbehindsomepadding-rightbothintheindex,andinthesinglesthatiswherethedatacomesfromforthemodal,nopaddingwasfound.

{vara=parseInt(this.$body.css("padding-right")||0,10);this.originalBodyPad=document.body.style.paddingRight||"",this.bodyIsOverflowing&&this.$body.css("padding-right",a+this.scrollbarWidth)},c.prototype.resetScrollbar=function(){this.$body.css("padding-right",this.originalBodyPad)}

As you can see in print, the element {} is reporting that it comes from inline, what would it be?

Detail: If I click on a link within Modal, it does not create the padding. Padding occurs only when I click outside of the modal and it closes it.

    
asked by anonymous 28.08.2015 / 17:52

1 answer

0

I do not know if it would be the best solution for your case, but you could add this attribute in your modal:

data-backdrop="static"

It disables modal close when clicked outside your area.

    
31.08.2015 / 19:13