/bootstrap-modal-fullscreen

Responsive Fullscreen Modal Dialogs for Bootstrap 3.

bootstrap-modal-fullscreen

Responsive Fullscreen Modal Dialogs for Bootstrap 3.

Fullscreen modal dialog is available via a modifier class that need to be placed on .modal-dialog element.

For a fullscreen modal dialog use .modal-fullscreen class.

Fullscreen Modal can be enabled only on certain breakpoints. In this way the modal will display "normal" for desktop and fullscreen for mobile devices, giving it the feeling of a native app.

  • .modal-fullscreen-md-down - modal dialog is fullscreen for md devices and down
  • .modal-fullscreen-sm-down - modal dialog is fullscreen for sm devices and down
  • .modal-fullscreen-xs-down - modal dialog is fullscreen for xs devices