Jonathan Clarke
UI/UX DesignerModal
Dashboard modalBasic modals
bootstrap .modal class
Default modal
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus laoreet laoreet libero, et porttitor arcu. Aliquam lacus urna, mattis et lectus sit amet, tempus mollis lacus. Donec non magna lorem.
Large modal
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus laoreet laoreet libero, et porttitor arcu. Aliquam lacus urna, mattis et lectus sit amet, tempus mollis lacus. Donec non magna lorem.
Small modal
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus laoreet laoreet libero, et porttitor arcu. Aliquam lacus urna, mattis et lectus sit amet, tempus mollis lacus. Donec non magna lorem.
Modals positioning
Add .modal-dialog-centered to .modal-dialog vertically center a modal
Modal title
This modal is centered vertically on this page just by adding the .modal-dialog-centered to .modal-dialog
Varying modal content
Use .event.relatedTarget and HTML data-* attributes