बूटस्ट्रैप मॉडल्स बंद होने के बाद शरीर में पैडिंग-राइट जोड़ते रहते हैं

Question

मैं एक छोटे से वेबएप को बनाने के लिए बूटस्ट्रैप और पार्स फ्रेमवर्क का उपयोग कर रहा हूं। लेकिन वे बूटस्ट्रैप मोडल बंद होने के बाद शरीर में पैडिंग-राइट जोड़ते रहते हैं। इसे कैसे हल करें?

मैंने इस कोड को अपनी जावास्क्रिप्ट में डालने की कोशिश की:

$('.modal').on('hide.bs.modal', function (e) {
    $("element.style").css("padding-right","0");
});

लेकिन यह काम नहीं करता है। क्या कोई जनता है कि यह कैसे ठीक किया जाता है?

मेरा कोड:

        <button type="button" class="btn btn-lg btn-default" data-toggle="modal" data-target="#loginModal">Admin panel</button>

         <div id="loginModal" class="modal fade" role="dialog">
                  <div class="modal-dialog modal-sm">

                    <!-- Modal content -->
                    <div class="modal-content">

                      <!-- header -->
                      <div class="modal-header"> 
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title">Login</h4>
                      </div>

                      <!-- body -->
                      <div class="modal-body text-center" >
                          <input class='form-control' type="text" id="userName" placeholder="Username" ng-model='username'>
                          <input class='form-control' type="password" id="password" placeholder="Password" ng-model='password'>

                      <div class="modal-footer">
                        <button type="button" class="btn btn-default" id="loginButton" ng-click="goToAdminPanel()">Login</button>
                        <button type="button" class="btn btn-default" data-dismiss="modal" id="closeButton">Close</button>
                      </div>

                    </div>

                 </div>
                </div>
           </div>

        <div id="adminPanel" class="modal fade" role="dialog">
                  <div class="modal-dialog modal-lg">

                    <!-- Modal content -->
                    <div class="modal-content">

                      <!-- header -->
                      <div class="modal-header"> 
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title">Admin Panel</h4>
                      </div>

                      <!-- body -->
                      <div class="modal-body" >

                        </div>

                      <div class="modal-footer">
                        <button type="button" class="btn btn-default" id="saveButton">Save</button>

                        <button type="button" class="btn btn-default" data-dismiss="modal" id="closeButton">Close</button>



                    </div>

                 </div>
                </div>
           </div>

    $scope.goToAdminPanel = function(){
    Parse.User.logIn($scope.username,$scope.password,{
        success: function(user){
            $('#loginModal').modal('hide');
            $('#adminPanel').modal();
        },
        error: function(user, error) {
            alert('Wrong username and/or password');
        }
    });
}

मैं एक छोटे से वेबएप को बनाने के लिए बूटस्ट्रैप और पार्स फ्रेमवर्क का उपयोग कर रहा हूं। लेकिन वे बूटस्ट्रैप मोडल बंद होने के बाद शरीर में पैडिंग-राइट जोड़ते रहते हैं। इसे कैसे हल करें?

Comments

इसके न केवल जोड़ने padding-rightबल्कि स्क्रॉल-बार को छिपाने के modal-openलिए overflow: hiddenइसके वर्ग को भी जोड़ें ।

— vivekkupadhyay

@vivekkupadhyay हाय, मैंने इसके modal-openसाथ ओवरराइड करने की कोशिश की padding-right:0 !important;लेकिन यह काम नहीं करता, क्या आप जानते हैं कि क्यों?

— फुविन

कृपया नीचे मेरे जवाब की जाँच करें, यह निश्चित रूप से आपकी मदद करता है।

— विवेककुपध्याय

आपने लगभग पा लिया। आप padding-rightसही घटना पर सीएसएस संपत्ति अद्यतन फायरिंग कर रहे हैं, लेकिन आप इसे गलत तत्व पर निकाल रहे हैं। इसे bodyतत्व पर निकाल दिया जाना चाहिए । कृपया नीचे मेरा जवाब देखें।

— सैम मलयेक

Answer 1

यह बूटस्ट्रैप मोडल से एक गड़बड़ हो सकता है। मेरे परीक्षणों से, ऐसा लगता है कि समस्या यह है कि #adminPanelप्रारंभिक #loginModalकिया जा रहा है जबकि अभी तक पूरी तरह से बंद नहीं किया गया है। समाधान निकाल कर एनीमेशन को हटाने जा सकती है, fadeपर वर्ग #adminPanelऔर #loginModalकॉल करने से पहले या सेट समय समाप्त (~ 500ms) $('#adminPanel').modal();। उम्मीद है की यह मदद करेगा।

Comments

मैंने कक्षा .fadeको हटा दिया #loginModalऔर यह काम करता है।

— फ़ूविन

क्या होगा अगर मैं इसे ठीक करना चाहता हूं, और एक ही समय में मोडल एनीमेशन को बनाए रखना है?

— लियोनार्डो मोंटेनेग्रो

@ लियोनार्डो मोंटेनेग्रो मैं भी यही चाहता था और हाल ही में मैंने भी यही सवाल पोस्ट किया था कि इस मुद्दे को हटा दिया गया था, लेकिन मैंने इसे ठीक करने से पहले फीका क्लास को हटाकर फिर से जोड़ने से पहले इसे ठीक कर दिया, इसके बाद इसे छुपाना काम किया, हालांकि यह वर्कअराउंड नहीं है। समाधान जब तक बूटस्ट्रैप इसे वहां फ़ाइल में ठीक नहीं करता है

— Kramer

Answer 2

मैंने नीचे बस सीएसएस फिक्स का उपयोग किया है और यह मेरे लिए काम कर रहा है

body { padding-right: 0 !important }

Comments

आपको सही css प्रॉपर्टी मिली है, लेकिन इसे hide.bs.modalबूटस्ट्रैप ईवेंट पर निकाल दिया जाना चाहिए । कृपया नीचे मेरा जवाब देखें।

— सैम मलयेक

Answer 3

.modal-open {
    padding-right: 0px !important;
}

बस में बदल गया

.modal {
    padding-right: 0px !important;
}

Comments

यह वास्तविक सही उत्तर है - "फीका फीचर का उपयोग न करें" एक समझौता है, समाधान नहीं।

— तस्गल्ल

मैंने एक ही काम किया, लेकिन "अतिप्रवाह: ऑटो-महत्वपूर्ण" को भी जोड़ने की आवश्यकता हो सकती है क्योंकि जब मोडल दिखाया जाता है, तो स्क्रॉलबार भी छिपा होता है।

— जैगस

मैंने अपने सभी मॉडल्स को फीका वर्ग के साथ लक्षित करने के लिए चयनकर्ता ".modal.fade.show" का उपयोग किया।

— एंड्रयू शुल्ज़

समान शैलियों को जोड़ना ।modal.fade.show भी काम करता है

— रामी ज़ेबियन

धन्यवाद! मुझे दोनों की जरूरत थी, क्योंकि दोनों modalपैनल और body.modal-openपैडिंग थी। लेकिन यह सिर्फ अच्छी तरह से तय

— ओलिवर शिमर

Answer 4

एक शुद्ध सीएसएस समाधान जो बूटस्ट्रैप कार्यक्षमता रखता है जैसा कि होना चाहिए।

body:not(.modal-open){
  padding-right: 0px !important;
}

समस्या बूटस्ट्रैप jQuery में एक फ़ंक्शन के कारण होती है, जब पृष्ठ पर एक स्क्रॉल पट्टी होती है, तो एक मोडल विंडो खुलने पर थोड़ा-सा पेडिंग-राइट जोड़ता है। जब मोडल खुलता है, तो यह आपके शरीर की सामग्री को इधर-उधर जाना बंद कर देता है, और यह एक अच्छी सुविधा है। लेकिन यह इस बग का कारण बन रहा है।

यहां दिए गए कई अन्य समाधान उस सुविधा को तोड़ते हैं, और मोडल खुलने पर अपनी सामग्री को थोड़ा बदलाव करते हैं। यह समाधान बूटस्ट्रैप मोडल की सुविधा को सामग्री को इधर-उधर न करने के लिए संरक्षित करेगा, लेकिन बग को ठीक करेगा।

Comments

मुझे नहीं पता कि कोई सीएसएस समाधान क्यों चाहेगा। मुझे कोई JS समाधान चाहिए। यह अच्छा लग रहा है।

— Csaba Toth

मुझे इसकी आवश्यकता थी क्योंकि अगर मैंने मोडल को खारिज कर दिया (मॉडल के अंदर एक एसाइक-पोस्टबैक के बाद ) तो यह अभी भी उस अजीब गद्दी को बनाए रखेगा। हालाँकि, मुझे अभी भी @Benjamin Oats के जवाब की ज़रूरत थी, क्योंकि जब पृष्ठ पर कोई भी स्क्रॉल था, तब मैं यह सब काम करता था।

— मिकेविवि

Answer 5

यदि आप padding-rightसंबंधित चीज़ के बारे में अधिक चिंतित हैं तो आप ऐसा कर सकते हैं

jQuery :

$('#loginModal').on('show.bs.modal', function (e) {
     $('body').addClass('test');
});

यह addClassआपके लिए bodyऔर फिर इस का उपयोग करना होगा

सीएसएस :

.test[style] {
     padding-right:0 !important;
 }

और इससे आपको छुटकारा पाने में मदद मिलेगी padding-right।

लेकिन अगर आप छिपने के बारे में भी चिंतित हैं scrollतो आपको इसे भी जोड़ना होगा:

सीएसएस :

.test.modal-open {
    overflow: auto;
 }

यहाँ JSFiddle है

कृपया एक नज़र डालें, यह आपके लिए चाल चलेगा।

Comments

ऐसा लगता है कि यह काम नहीं करता है। या मैंने कुछ गलत किया। यह तब भी जोड़ता padding-rightहै bodyऔर padding-rightजब मैं व्यवस्थापक पैनल को बंद करता हूं तो हर बार 15px की मात्रा बढ़ जाती है ।

— फुविन

मैं सिर्फ अपने देख लिया है लिंक इसे अपने कोड अपने बाहर के रूप में क्रियान्वित नहीं कर रहा है लगता है $(document).ready(function(){अपने डाल करने के लिए कोशिश कोड इसके अंदर।

— विवेककुपध्याय

अपने कोड के अंदर एक अलर्ट डालने की कोशिश करें फिर आप जांच सकते हैं कि आपका कोड नहीं चल रहा है। फिडल पर इसका काम ठीक है और यह आपके पेज पर भी तभी काम करेगा जब आप इसके अनुसार उपयोग करेंगे

— vivekkupadhyay

किसी कारण से, मोडल दिखाए जाने पर कोड नहीं चलता है।

— फ़ूविन

@vivekkupadhyay आपके प्रयास के लिए बहुत बहुत धन्यवाद। आपका दिन शुभ हो।

— फ़ूविन

Answer 6

बस bootstrap.min.css खोलें

इस लाइन को खोजें (डिफ़ॉल्ट)

.modal-open{overflow:hidden;}

और इसे बदल दें

.modal-open{overflow:auto;padding-right:0 !important;}

यह साइट के हर मोडल के लिए काम करेगा। आप अतिप्रवाह कर सकते हैं: ऑटो; यदि आप स्क्रॉलबार रखना चाहते हैं क्योंकि यह मोडल डायलॉग खोलते समय है।

Comments

@Ashok क्या आप इस मुद्दे के कारण को विस्तार से बता सकते हैं?

— यार

इस समाधान ने मुझे सही दिशा में इशारा किया। लेकिन, मैंने bootstrap.min.css को संशोधित करने के बजाय, अपने मुख्य विषय स्टाइलशीट में।

— प्रत्यूष देब

सीधे बूटस्ट्रैप की सीएसएस संपादित न करें। हमेशा अपनी खुद की स्टाइलशीट में ओवरराइड को सीएसएस में जोड़ें। जैसे @PratyushDeb ने सुझाव दिया।

— डॉटनेटेंगाइनर

यह एक महान समाधान नहीं है क्योंकि यह मोडल के पीछे की सामग्री को स्क्रॉल करने की अनुमति देता है। मोडल उस सामग्री को निकाल देता है क्योंकि उपयोगकर्ता को इसके और केवल इसके साथ इंटरैक्ट करना चाहिए।

— ubiquibacon

Answer 7

मैं एक बहुत लंबे समय के लिए एक ही समस्या थी। यहाँ कोई भी उत्तर काम नहीं आया! लेकिन निम्नलिखित ने इसे ठीक कर दिया!

$(document.body).on('hide.bs.modal,hidden.bs.modal', function () {
    $('body').css('padding-right','0');
});

एक मोडल के बंद होने पर आग लगने की दो घटनाएं होती हैं, पहले यह hide.bs.modalऔर फिर यह hidden.bs.modal। आपको सिर्फ एक का उपयोग करने में सक्षम होना चाहिए।

Comments

मेरे लिए यह तब काम नहीं कर रहा था जब मैंने दोनों के लिए श्रोता जोड़ा hide.bs.modalऔर hidden.bs.modal। लेकिन पूरी तरह से काम किया जब मैंने hide.bs.modalश्रोता से हटा दिया । :)

— हरि वि ० फे ०

निम्न-मतदाता को: कृपया टिप्पणी में रचनात्मक आलोचना छोड़ दें ताकि मैं इस उत्तर को सुधार सकूं।

— सैम मलयेक

Answer 8

आसान तय

इस वर्ग को जोड़ें

.modal-open {
    overflow: hidden;
    padding-right: 0 !important;
}

इसका एक ओवरराइड लेकिन काम करता है

Comments

इस कक्षा ने @Chasmani द्वारा पोस्ट किए गए उत्तर के साथ मिलकर मेरे लिए कुल और पूर्ण समाधान किया। " यह वर्ग जोड़ें " कहने के लिए भी +1 । यह हर किसी की प्रतिक्रिया को पढ़ने का क्रेज है, जो बूटस्ट्रैप.css फ़ाइल को ओवरराइड करने का सुझाव देता है। उस फ़ाइल को अकेला छोड़ दें, और आपकी अपनी सीएसएस फ़ाइल है जहाँ आप किसी भी " बूटस्ट्रैप ओवरराइड्स " को लागू करते हैं । यह महत्वपूर्ण है ताकि आप बूटस्ट्रैप को अपडेट / अपग्रेड करते समय उन सभी को एक ही स्थान पर डॉक्यूमेंट कर सकें, उन्हें खो न सकें और नए बूटस्ट्रैप वर्जन में अपग्रेड करने के बाद यह देखने के लिए कि क्या आपको वर्कअराउंड की जरूरत है या नहीं।

— मिकेविवि

मैं @MikeTeeVee से सहमत हूं कि आपको बूटस्ट्रैप सीएसएस को संपादित नहीं करना चाहिए। मैंने अपने उत्तर में इसे शामिल नहीं किया क्योंकि मैंने इस प्रश्न का उत्तर देने के लिए इसके दायरे से थोड़ा बाहर निकाल दिया

— चस्मानी

Answer 9

मैंने सिर्फ fadeकक्षा को हटा दिया और वर्ग फीका प्रभाव को बदल दिया animation.css। मुझे उम्मीद है कि इससे सहायता मिलेगी।

Answer 10

removeAttr सीएसएस संपत्ति को हटाने के लिए आप इस तरह काम नहीं करेंगे:

        $('.modal').on('hide.bs.modal', function (e) {
            e.stopPropagation();
            $('body').css('padding-right','');
        }); 

कोई संपत्ति मूल्य नहीं होने पर संपत्ति को हटा दिया जाता है।

Answer 11

मैं डिफ़ॉल्ट बूटस्ट्रैप 3.3.0 CSS लोड कर रहा हूं और इसी तरह की समस्या थी। इस सीएसएस को जोड़कर हल किया गया:

body.modal-open { overflow:inherit; padding-right:inherit !important; }

यह महत्वपूर्ण है क्योंकि बूटस्ट्रैप मोडल जावास्क्रिप्ट को प्रोग्रामेटिक रूप से दाईं ओर पैडिंग के 15px जोड़ता है। मेरा अनुमान है कि यह स्क्रॉलबार के लिए क्षतिपूर्ति करना है, लेकिन मैं ऐसा नहीं चाहता।

Answer 12

बूटस्ट्रैप 4 के साथ इसने मेरे लिए काम किया:

$(selector).on('hide.bs.modal', function (e) {
    $('body').css('padding-right','0');
});

Answer 13

मुझे बूटस्ट्रैप 3.3.7 और फिक्स्ड नेवबार के लिए मेरे समाधान के साथ एक ही समस्या है: इस शैली को आपके कस्टम सीएसएस में जोड़ना।

.modal-open {
    padding-right: 0px !important;
    overflow-y: scroll;
}

यह आपके मोडल को दिखाएगा जबकि स्क्रॉल विंडो अभी भी काम कर रहा है। धन्यवाद, आशा है कि यह भी आपकी मदद करेगा

Answer 14

मुझे पता है कि यह एक पुराना सवाल है, लेकिन यहां से किसी भी उत्तर ने मेरी समान स्थितियों में समस्या को दूर नहीं किया और मुझे लगा कि कुछ डेवलपर्स के लिए भी इसका समाधान पढ़ना उपयोगी होगा।

मैं उन वेबसाइटों में कुछ सीएसएस जोड़ने के लिए उपयोग करता हूं जब एक मॉडल खोला जाता है, उन वेबसाइटों में जहां अभी भी बूटस्ट्रैप 3 का उपयोग किया जाता है।

body.modal-open{
            padding-right: 0!important;
            overflow-y:scroll;
            position: fixed;
        }

Answer 15

मेरे समाधान के लिए किसी अतिरिक्त CSS की आवश्यकता नहीं है।

जैसा कि @ ऑरलैंड द्वारा बताया गया है, एक घटना अभी भी हो रही है जब दूसरा शुरू होता है। मेरा समाधान दूसरी घटना ( adminPanelमोडल दिखाते हुए ) शुरू करने के बारे में है जब पहले वाला समाप्त हो गया है ( loginModalमोडल को छिपा रहा है )।

आप एक श्रोता को नीचे दिए गए hidden.bs.modalअपने loginModalमोडल की घटना से जोड़कर पूरा कर सकते हैं:

$('#loginModal').on('hidden.bs.modal', function (event) {
    $('#adminPanel').modal('show');
}

और, जब आवश्यक हो, बस loginModalमोडल छिपाएं ।

$('#loginModal').modal('hide');

कोस में से आप adminPanelमोडल को दिखाने या न दिखाने का फैसला करने के लिए श्रोता के अंदर अपने तर्क को लागू कर सकते हैं ।

आप यहां बूटस्ट्रैप मोडल इवेंट्स के बारे में अधिक जानकारी प्राप्त कर सकते हैं ।

सौभाग्य।

Answer 16

बूटस्ट्रैप मॉडल शरीर में अतिप्रवाह होने पर उस गद्दी को शरीर में जोड़ते हैं।

बूटस्ट्रैप 3.3.6 पर (संस्करण मैं उपयोग कर रहा हूं) यह उस तत्व को शरीर तत्व में जोड़ने के लिए जिम्मेदार है: https://github.com/twbs/bootstrap/blob/v3.3.6/dist/js /bootstrap.js#L1180

बूटस्ट्रैप.जेएस फ़ाइल को कॉल करने के बाद एक त्वरित समाधान केवल उस फ़ंक्शन को अधिलेखित करना है:

$.fn.modal.Constructor.prototype.setScrollbar = function () { };

यह मेरे लिए मुद्दा तय किया।

Answer 17

body.modal-open{
  padding-right: 0 !important;
}

Answer 18

इसी से मेरा काम बना है:

body.modal-open {
    overflow: auto !important;
}

// Bootstrap uses JS to set the element style so you can
// override those styles like this
body.modal-open[style] {
    padding-right: 0px !important;
}

Comments

क्रोम में काम करता है! धन्यवाद।

— जीन केली

Answer 19

बस data-targetबटन से हटा दें और jQuery का उपयोग करके मोडल लोड करें।

<button id='myBtn' data-toggle='modal'>open modal</button>

jQuery:

$("#myBtn").modal('show');

Answer 20

मैंने बूटस्ट्रैप जावास्क्रिप्ट में खोदा और पाया कि मोडल कोड एक फ़ंक्शन में सही पैडिंग सेट करता है जिसे adjustDialog()मोडल प्रोटोटाइप पर परिभाषित किया गया है और jQuery पर उजागर किया गया है। इस फ़ंक्शन को ओवरराइड करने के लिए कहीं न कहीं निम्न कोड रखने से मेरे लिए कुछ भी करने की कोशिश नहीं हुई (हालाँकि मुझे नहीं पता कि इसे सेट नहीं करने का परिणाम अभी तक क्या है !!)

$.fn.modal.Constructor.prototype.adjustDialog = function () { };

Answer 21

इससे समस्या का समाधान हो सकता है

.shop-modal.modal.fade.in {
    padding-right: 0px !important;
}

Answer 22

यह बूटस्ट्रैप बग है और v4-dev में तय किया गया है: https://github.com/twbs/bootstrap/pull/18441 तब तक सीएसएस वर्ग के नीचे जोड़कर मदद करनी चाहिए।

.fixed-padding {
  padding-right: 0px !important;
}

Answer 23

मैं एक ही समस्या का उपयोग कर रहा था modals और ajax। ऐसा इसलिए था क्योंकि जेएस फ़ाइल को दो बार संदर्भित किया गया था, पहले पृष्ठ पर और अजाक्स द्वारा कहे गए पृष्ठ में, इसलिए जब मोडल को बंद किया गया था, तो उसने जेएस घटना को दो बार कहा, जो कि डिफ़ॉल्ट रूप से, 17px का एक पेडिंग-राइट जोड़ता है।

Answer 24

body {
    padding-right: 0 !important;
    overflow-y: scroll!important;
}

मेरे लिए काम किया। ध्यान दें कि स्क्रॉलबार को शरीर में मजबूर किया जाता है - लेकिन अगर आपके पास "स्क्रॉलिंग" पेज वैसे भी है, तो यह कोई फर्क नहीं पड़ता (?)

Answer 25

$('.modal').on('hide.bs.modal,hidden.bs.modal', function () {
 setTimeout(function(){
  $('body').css('padding-right',0);
 },1000);
});

इसे इस्तेमाल करे

यह मोडल बंद होने के बाद शरीर में सही 0px पैडिंग जोड़ देगा।

Answer 26

यह तब होता है जब आप एक ऐसा मोडल खोलते हैं जो पिछला मोडल पूरी तरह से बंद नहीं होता है। इसे ठीक करने के लिए उस समय नया मोडल खोलें, जब सभी मॉडल पूरी तरह से बंद हो जाएं, नीचे दिए गए कोड देखें:

  showModal() {
    let closeModal = $('#your-modal');

    closeModal.modal('hide');
    closeModal.on('hidden.bs.modal', function() {
      $('#new-open-modal').modal('show');
    });
  }

Answer 27

मैं अब यह पुराना हो गया हूं, और यहां दिए गए सभी समाधान काम कर सकते हैं। मैं सिर्फ मामले में कुछ नया जोड़ रहा हूं जो किसी की मदद कर सकता है: मेरे पास एक ही मुद्दा था और ध्यान दिया कि मोडल खोलने से मेरे सिडेनव में मार्जिन-राइट जोड़ रहा था (शायद शरीर में जोड़े गए पैडिंग से एक तरह की विरासत)। {Sidenav को {मार्जिन-राईट: 0-महत्वपूर्ण;} को जोड़ना ने ट्रिक का काम किया।

Answer 28

(बूटस्ट्रैप v3.3.7) मेरे ब्राउज़र निरीक्षक से मैंने देखा कि यह सीधे तत्व शैली की संपत्ति में सेट है , डायन वर्ग के गुणों को ओवरराइड करता है।

जब मोडल साथ दिख रहा हो तो मैंने पैडिग-राइट वैल्यू को 'रीसेट' करने की कोशिश की :

$("#myModal").on('shown.bs.modal', function(){
    $(this).css({paddingRight:""});
});

लेकिन जैसे ही विंडो का आकार बदला जाता है, यह वापस आ जाता है :( (प्लगिन स्क्रिप्ट से संभावित रूप से)।

इस समाधान ने मेरे लिए काम किया:

var modal_needfix=true;
$("#myModal").on('shown.bs.modal', function(){
    var modalscope=$(this);
    modalscope.css({paddingRight:""});
    if(modal_needfix){
        window.addEventListener("resize",function(){
            requestAnimationFrame(function(){// be sure to act after the pluggin script
                modalscope.css({paddingRight:""});
            });
        });
        modal_needfix=false;
    }
});

Answer 29

जैसा कि @ ऑरलैंड कहते हैं कि अगर आप फीका जैसे कुछ प्रभाव का उपयोग कर रहे हैं, तो हमें मोडल को प्रदर्शित करने से पहले इंतजार करना होगा, यह थोड़ा हैक है, लेकिन चाल चलेगा।

function defer(fn, time) {
    return function () {
        var args = arguments,
            context = this;

        setTimeout(function () {
            fn.apply(context, args);
        }, time);
    };
}

$.fn.modal.Constructor.prototype.show = defer($.fn.modal.Constructor.prototype.show, 350);

Answer 30

मुझे आशा है कि अभी भी कोई है जिसे इस उत्तर की आवश्यकता है। Bootstrap.js में resetScrollbar () नाम का एक फंक्शन है, कुछ बेवकूफी के कारण डेवलपर्स ने स्क्रॉलबार के आयामों को बॉडी के पेडिंग राइट में जोड़ने का फैसला किया। इसलिए तकनीकी तौर पर अगर आप खाली स्ट्रिंग पर राइट-पेडिंग सेट करते हैं तो यह समस्या को ठीक कर देगा