Material Admin Extended Dark

## Modal

Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.

This is a Bootstrap's Javascript component. You can check the official documentation at: http://getbootstrap.com/javascript/#modals

Live preview: `/components.html`

#### Basic example

    <!-- Trigger the modal with a button -->
    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">
        Launch demo modal
    </button>

    <!-- Modal -->
    <div class="modal fade" id="myModal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">
                        Modal title
                        <small>Modal description</small>
                    </h4>
                </div>
                <div class="modal-body">
                    ...
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-link" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-link">Save</button>
                </div>
            </div>
        </div>
    </div>

#### Optional sizes

Modals have two optional sizes available via modifier classes.

    <!-- Modal small -->
    <div class="modal fade" id="modal-small">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                ...
            </div>
        </div>
    </div>

    <!-- Modal large -->
    <div class="modal fade" id="modal-large">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                ...
            </div>
        </div>
    </div>

#### Other examples

    <!-- Disable fade in animation -->
    <div class="modal" id="modal-animation">
        <div class="modal-dialog">
            <div class="modal-content">
                ...
            </div>
        </div>
    </div>

    <!-- Prevent outside click to close -->
    <div class="modal fade" data-backdrop="static" data-keyboard="false" id="modal-prevent">
        <div class="modal-dialog">
            <div class="modal-content">
                ...
            </div>
        </div>
    </div>

Source files:

- LESS: `/less/inc/bootstrao-overrides/tabs.less`
- HTML: `/components.html`