Answers for "boostrap 4 fullscreen modal"

CSS
1

boostrap 4 fullscreen modal

<style>
  .modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    padding: 0 !important; /* override inline padding-right added from js */
    width: 100vw !important;
    height: 100vh !important;
    outline: 0;
  }
  .modal-dialog-scrollable{ /* add this if you want to use modal-dialog-scrollable */
    max-height: none !important;
  }
  .modal-dialog.modal-xl {
    max-width: 100vw !important;
    margin: 0;
  }
  .modal .modal-content{
    position: relative;
    width: 100%;
    min-height: 100vh;
    border-radius: 0;
  }
</style>
Posted by: Guest on October-21-2021

Browse Popular Code Answers by Language