Modal Scroll

Bootstrap 5 Modal Scroll component

Responsive Modal Scroll built with Bootstrap 5. Scroll through endless possibilities with the modal scroll.

Basic example

When modals become too long for the user’s viewport or device, they scroll independent of the page itself. Try the demo below to see what we mean.

Add .modal-dialog-scrollable class next to .modal-dialog to create a scrollable modal that allows scroll the modal body.

Edit in sandbox 
        
            
            <!-- Scrollable modal -->
            <div class="modal-dialog modal-dialog-scrollable">...</div>

TAILWIND

GIFT for 2026

Purchase anything during the New Years Sale and get a Tailwind UI kit gift!