https://github.com/benallfree/bootstrap-fullscreen-modal

https://github.com/benallfree/bootstrap-fullscreen-modal

Last synced: 6 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/benallfree/bootstrap-fullscreen-modal
• Owner: benallfree
• License: mit
• Created: 2016-11-22T13:15:45.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2017-10-06T18:15:06.000Z (almost 8 years ago)
• Last Synced: 2025-04-15T07:08:55.139Z (6 months ago)
• Language: JavaScript
• Size: 6.84 KB
• Stars: 6
• Watchers: 3
• Forks: 6
• Open Issues: 3
• Metadata Files:
  • Readme: readme.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# 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](http://codepen.io/benallfree/pen/vyxqGM).

    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:

    


      


        


          


            ×

            
Modal title

          

          


            Some great content

          

          


            Close

            Save changes

          

        

      

    


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