Modale che copre l’intero schermo del dispositivo

Sto cercando di progettare un modal che copra l’intera larghezza del dispositivo. Ecco il mio tentativo:

   

Questo è quello che sto ottenendo: Output

La creazione di una modal a schermo intero è diversa nell’ultimo Bootstrap 4 , rispetto alla precedente risposta di Bootstrap 3.

 .modal-full { min-width: 100%; margin: 0; } .modal-full .modal-content { min-height: 100vh; } 

Quindi aggiungi modal-full class modal-full al modal:

  

Demo : Bootstrap 4 Full Screen Modal