English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Codice di implementazione per la visualizzazione centrata del modulo modal di bootstrap

circa 1154 righe di bootstrap.js:

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

Aggiunto dopo:

 // È centrato sulla finestra弹出框
  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. È fastidioso dover cercare le cose ogni volta. In futuro, mi prenderò cura di organizzarle.

Il codice di implementazione del modal box centrato di Bootstrap che ho introdotto qui sopra, spero possa aiutarti. Se hai qualsiasi domanda, lascia un commento e risponderò prontamente. Ringrazio anche tutti per il supporto al sito web Yell Call Guide!

Dichiarazione: il contenuto di questo articolo è stato tratto da Internet, di proprietà del rispettivo autore. Il contenuto è stato contribuito e caricato autonomamente dagli utenti di Internet, il sito web non detiene i diritti di proprietà, non è stato editato manualmente e non assume alcuna responsabilità legale. Se trovi contenuti sospetti di violazione del copyright, invia un'e-mail a notice#oldtoolbag.com (sostituisci # con @) per segnalare il problema e fornire prove pertinenti. Una volta verificata, il sito web eliminerà immediatamente il contenuto sospetto di violazione del copyright.

Ti potrebbe interessare