كود عرض modal box في bootstrap في منتصف الشاشة

bootstrap.js حوالي 1154 سطر:

this.$element.css({
   paddingLeft: !this.bodyIsOverflowing && modalIsOverflowing ? this.scrollbarWidth : '',
   paddingRight: this.bodyIsOverflowing && !modalIsOverflowing ? this.scrollbarWidth : ''
});

الإضافة التالية:

 // هو نافذة منبثقة مركزية
  var $modal_dialog = $(this.$element[0]).find('.modal-dialog');
  var m_top = ( $(window).height() - $modal_dialog.height() )/2;
  $modal_dialog.css({'margin': m_top + 'px auto'});
 {}

P.S. يجب البحث عن الأشياء كل مرة تكون مزعجة. سأكون أكثر تنظيماً في المستقبل.

ما ذكرته أعلاه هو رمز تنفيذ دائرة الحوار modal مركزاً الذي قدمته لك محررنا، آمل أن يكون مفيداً لك، إذا كان لديك أي استفسارات، يرجى ترك تعليق، وسأقوم بالرد على تعليقاتكم في أقرب وقت. وأشكركم أيضًا على دعمكم لموقع呐喊 لتعليم البرمجة!

البيان: محتوى هذا المقال تم جمعه من الإنترنت، وله حقوق الملكية لأصحابها، تم جمع المحتوى من قبل المستخدمين عبر الإنترنت الذين قدموا مساهماتهم بشكل تلقائي، ويحمل هذا الموقع حقوق الملكية، لم يتم تعديل المحتوى بشكل يدوي، ولا يتحمل الموقع أي مسؤولية قانونية متعلقة بذلك. إذا كنت قد وجدت محتوى يشتبه في انتهاك حقوق النسخ، فيرجى إرسال بريد إلكتروني إلى: notice#oldtoolbag.com (عند إرسال البريد الإلكتروني، يرجى استبدال #بـ @) للإبلاغ، وتقديم الأدلة ذات الصلة، وإذا تم التحقق من ذلك، فإن هذا الموقع سيزيل محتوى يشتبه في انتهاك حقوق النسخ فوراً.