Overflow
Use these shorthand utilities for quickly configuring how content overflows an element.
Overflow on Bootstrap<div class="d-flex">
<div class="overflow-auto">This is an example of using <code>.overflow-auto </code>on an element with set width and height dimensions. By design, this content will vertically scroll.</div>
<div class="overflow-hidden">This is an example of using <code>.overflow-auto </code>on an element with set width and height dimensions. By design, this content will vertically scroll.</div>
<div class="overflow-visible">This is an example of using <code>.overflow-visible </code>on an element with set width and height dimensions. By design, this content will vertically scroll.</div>
<div class="overflow-scroll">This is an example of using <code>.overflow-scroll </code>on an element with set width and height dimensions. By design, this content will vertically scroll.</div>
</div>
This is an example of using
.overflow-auto
on an element with set width and height dimensions. By design, this content will vertically scroll.This is an example of using
.overflow-auto
on an element with set width and height dimensions. By design, this content will vertically scroll.This is an example of using
.overflow-visible
on an element with set width and height dimensions. By design, this content will vertically scroll.This is an example of using
.overflow-scroll
on an element with set width and height dimensions. By design, this content will vertically scroll.