## Overflow

Use these shorthand utilities for quickly configuring how content overflows an element.

Overflow on Bootstrap

#### Example

Adjust the overflow property on the fly with four default values and classes. These classes are not responsive by default.

    <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.

##### On this page

##### Demo widget

I need help with something

I can’t reorder a product I previously ordered

How do I place an order?

My payment method not working

##### Eric

Ask us anything – we’ll get back to you here or by email within 24 hours.

##### Theme Customizer

Explore different styles according to your preferences

##### Color Scheme

Light
Dark
Auto

##### RTL

Change text direction

##### Support Chat

Toggle support chat

##### Navigation Type

Vertical
Horizontal
Combo
Dual nav

##### Vertical Navbar Appearance

Default Default
Darker Lighter

##### Horizontal Navbar Shape

Default
Slim

##### Horizontal Navbar Appearance

Default
Darker Lighter
Purchase template
customize