Modal Frame Modal.js

Modal frames are optimized and more flexible, appearing as pop-up dialogs with the smallest and most useful feature set.

modal frame overlap not supported

Never overlap another modal box on a modal box. To support multiple modal frames at the same time, you need to write additional code yourself.

Where to place the HTML code of the Modal box

Be sure to place the HTML code for the modal box at the highest level of the document (that is, as a direct child of the body tag) to prevent other components from affecting the presentation and/or functionality of the modal box.

Additional Instructions for mobile devices

Due to how HTML5 defines its semantics, the autofocus HTML attribute have no effect in Bootstrap modals. To achieve the same effect, use some custom JavaScript:

$(‘#myModal‘).on(‘shown.bs.modal‘, function () { $(‘#myInput‘).focus() })

Instance static instance

The following modal boxes contain the head, body, and a set of buttons placed at the bottom of the modal box.

Modal Frame Modal.js