Modal - verticals, and horizontal scrolls

1. What is vertical and horizontal scroll?
2. Should modals be scrollable?
3. How do I add vertical scroll in modal?
4. How do I make my modal body scrollable?

What is vertical and horizontal scroll?

A horizontal scroll bar enables the user to scroll the content of a window to the left or right. A vertical scroll bar enables the user to scroll the content up or down.

Should modals be scrollable?

The goal is to keep context, therefore a modal should not take up the whole screen view. Content should fit the modal. If a scrollbar is needed, you may consider creating a new page instead.

How do I add vertical scroll in modal?

Use the . modal-dialog-scrollable class to enable scrolling inside the modal.

How do I make my modal body scrollable?

Bootstrap 4.3 added new built-in scroll feature to modals. This makes only the modal-body content scroll if the size of the content would otherwise make the page scroll. To use it, just add the class modal-dialog-scrollable to the same div that has the modal-dialog class.