Bootstrap - Overflow

Overflow-x-* Example

.overflow-x-auto allows the users to scroll horizontally and view the overflowed content.

.overflow-x-hidden is a class applied on an element with set width and height dimensions. This will hide the contents, when overflowing, along the x-axis.

.overflow-x-visible is a class applied on an element with set width and height dimensions. This will not hide the contents, even when overflowing, along the x-axis.

.overflow-x-scroll This ensures that a horizontal scrollbar is always present, even if there is no actual overflow along the horizontal axis.