Modals

Bootstrap Modals

Default Variation

Modals are completely customizable and here we present the default one the block based one

Size: Small

If you don’t have much content, you can use the small size variation

Size: Large

If you need more space you can use the large size variation

Size: Extra Large

If you need even more space you can use the extra large size variation

Position: Top

You can position your modals at the top of the screen

Position: Vertically Centered

You can center your modals in the middle of the screen

Bootstrap Modals Tabs

Tabs in Modal

You can even add tabs in your modal

Alternative tabs in Modal

Alternative tabs in a modal

Bootstrap Modals Animations

Fade In

The default modal animation

Pop In

Poping in animation

Pop Out

Poping out animation

Slide Up

Sliding from up animation

Slide Right

Sliding from right animation

Slide Left

Sliding from left animation

From Right

Coming from right with rotation animation

From Left

Coming from left with rotation animation