Explore Components


Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.

Demo Modal
Scrolling Long Content
Vertically Centered
Tooltips Modal
Using the Grid
Optional Sizes
Toggle between modals
Openfirst modal
Full screen modal
Varying Modal Content
  • Theme Mode

    Choose light or dark mode or Auto

  • Theme Contrast

    Choose theme contrast

  • Custom Theme

    Choose your primary theme color

  • Theme layout

    Choose your layout

  • Sidebar Caption

    Sidebar Caption Hide/Show

  • Theme Layout


  • Layout Width

    Choose Full or Container Layout