Full Screen Modal Dialogs for Bootstrap

Ever wanted that modal dialog to take up the whole screen? This plugin does it. It even supports a scrollable body region so your modal footer stays where you expect it to.

Features:

* Full screen modal dialog
* Scrollable body region
* Resizes with window

Quickstart

See the Codepen demo.

npm require --save-dev bootstrap-modal-fullscreen

This plugin requires Bootstrap 3 or 4 and jQuery

Then:

Usage

In most cases, you need only add .modal-fullscreen to your modal dialog:

For special cases, you may need to enable full screen viewing programatically. In that case, add .modal-fullscreen to your dialog as usual, then call:

$('#myModal').fullscreen();

Building

gulp