Bootstrap Modals

Toggle a modal via JavaScript by clicking the button below. It will slide down and fade in from the top of the page.

Launch demo modal Large modal Small modal

Modal Forms

You are also able to use Bootstrap Modals with forms. Here is an examples of Bootstrap Modal forms.

Modal Form

Modal Effects

Just-add-water CSS animations with data-effect="name"

bounce flash pulse rubberBand shake swing tada wobble

bounceIn bounceInDown bounceInLeft bounceInRight bounceInUp

bounceOut bounceOutDown bounceOutLeft bounceOutRight bounceOutUp

fadeIn fadeInDown fadeInDownBig fadeInLeft fadeInLeftBig fadeInRight fadeInRightBig fadeInUp fadeInUpBig

fadeOut fadeOutDown fadeOutDownBig fadeOutLeft fadeOutLeftBig fadeOutRight fadeOutRightBig fadeOutUp fadeOutUpBig

flip flipInX flipInY flipOutX flipOutY

lightSpeedIn lightSpeedOut

rotateIn rotateInDownLeft rotateInDownRight rotateInUpLeft rotateInUpRight

rotateOut rotateOutDownLeft rotateOutDownRight rotateOutUpLeft rotateOutUpRight

hinge rollIn rollOut

zoomIn zoomInDown zoomInLeft zoomInRight zoomInUp

zoomOut zoomOutDown zoomOutLeft zoomOutRight zoomOutUp