# bootstrap-overflow

**Repository Path**: mirrors_mdbootstrap/bootstrap-overflow

## Basic Information

- **Project Name**: bootstrap-overflow
- **Description**: Use these shorthand utilities for quickly configuring how content overflows an element.
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-07-20
- **Last Updated**: 2026-05-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Free Bootstrap Overflow & Utilities Collection

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

<p><strong>How to use it?</strong></p>
<p class="mb-2">
<strong>1. </strong>Download<a target="_blank" href="https://mdbootstrap.com/docs/standard/"> MDB 5 - free UI KIT</a></p>
<p class="mb-2"><strong>2. </strong>Choose your favourite customized example and click <code>show code</code> to see the code</p>
<p class="mb-3"><strong>3. </strong>Copy & paste the code into your MDB project</p>

--------------------

[📄 **Documentation & usage guide**](https://mdbootstrap.com/docs/standard/utilities/overflow/)

These components were built with a **free Material Design UI Kit for the latest Bootstrap 5**.

<img height="25" src="https://mdbootstrap.com/img/Marketing/general/logo/medium/mdb-r.png">  [![GitHub Stars](https://img.shields.io/github/stars/mdbootstrap/mdb-ui-kit?label=Star%20now&style=social)](https://github.com/mdbootstrap/mdb-ui-kit/)

---------------------

 <h2 class="mb-4">Basic example</h2> 

 [![Bootstrap 5 Overflow](/assets/basic-example.png)](https://mdbootstrap.com/docs/standard/utilities/overflow/#section-basic-example)

 
 <hr class="my-5">

 <h2 class="mb-4">Showing content that overflows</h2> 

 [![Bootstrap 5 Overflow](/assets/showing-content-that-overflows.png)](https://mdbootstrap.com/docs/standard/utilities/overflow/#subsection-showing-content-that-overflows)

 
 <hr class="my-5">

 <h2 class="mb-4">Scrolling if needed</h2> 

 [![Bootstrap 5 Overflow](/assets/scrolling-if-needed.png)](https://mdbootstrap.com/docs/standard/utilities/overflow/#subsection-scrolling-if-needed)

 
 <hr class="my-5">

 <h2 class="mb-4">Scrolling always</h2> 

 [![Bootstrap 5 Overflow](/assets/scrolling-always.png)](https://mdbootstrap.com/docs/standard/utilities/overflow/#subsection-scrolling-always)

 
 <hr class="my-5">

 <h2 class="mb-4">Scrolling horizontally always</h2> 

 [![Bootstrap 5 Overflow](/assets/scrolling-horizontally-always.png)](https://mdbootstrap.com/docs/standard/utilities/overflow/#subsection-scrolling-horizontally-always)


 
 <hr class="my-5">

<h4>For more examples visit our <a target="_blank" href="https://mdbootstrap.com/docs/standard/utilities/overflow/">documentation</a>.</h4>

 <hr class="my-5">

<h3>Related Resources</h3>

<h5><a target="_blank" href="https://mdbootstrap.com/docs/standard/utilities/borders/">Borders</a></h5>

<h5><a target="_blank" href="https://mdbootstrap.com/docs/standard/utilities/sizing/">Sizing</a></h5>

<h5><a target="_blank" href="https://mdbootstrap.com/docs/standard/utilities/position/">Position</a></h5>

<h5><a target="_blank" href="https://mdbootstrap.com/docs/standard/utilities/spacing/">Spacing</a></h5>

<h5><a target="_blank" href="https://mdbootstrap.com/docs/standard/utilities/text/">Text</a></h5>