Modals

XS

Portrait Phones
<576px

SM

Landscape Phones
≥576px to <768px

MD

Tablets
≥768px to <992px

LG

Laptops
≥992px to <1200px

XL

Desktops
≥1200px

Modals

.modal .fade | .modal-dialog | .modal-content | .modal-header | .modal-title | .modal-body | .modal-footer | .close & data-toggle="modal" data-target="#ID"

Modals with Long Content

.modal .fade | .modal-dialog | .modal-content | .modal-header | .modal-title | .modal-body | .modal-footer | .close & data-toggle="modal" data-target="#ID"

Modals with Tooltips & Popovers

data-toggle="popover" or data-toggle="tooltip"

Modals with the Grid

.container-fluid

Modal Sizes

.modal-lg or .modal-sm