Shuffle for Bootstrap
  • How it works
  • Features
  • Components
  • Pricing
  • How it works
  • Features
  • Blog
  • Purchase
Log in Try Demo
← all Bootstrap classes list

Bootstrap class: .bottom-0

    <div class="position-relative bg-secondary" style="width: 250px; height: 100px;">
        <div class="position-absolute bottom-0 start-0 bg-primary p-4"></div>
    </div>

Preview

Check .bottom-0 in a real project

Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.

Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →

Tips 💡

You don't need to remember all CSS classes. Just use the Bootstrap Editor instead.

More in Bootstrap Positioning

  • align-*
  • clearfix
  • fixed-top
  • float-*-left
  • float-*-right
  • float-*-none
  • sticky-top
  • fixed-bottom
  • bottom-100
  • bottom-50
  • float-end
  • float-start
  • float-none
  • float-lg-end
  • float-lg-start
  • float-lg-none
  • float-md-end
  • float-md-start
  • float-md-none
  • float-sm-end
  • float-sm-start
  • float-sm-none
  • float-xl-end
  • float-xl-start
  • float-xl-none
  • float-xxl-end
  • float-xxl-start
  • float-xxl-none
  • start-0
  • start-100
  • start-50
  • position-absolute
  • position-relative
  • position-static
  • end-0
  • end-100
  • end-50
  • sticky-lg-top
  • sticky-md-top
  • sticky-sm-top
  • sticky-xl-top
  • top-0
  • top-100
  • top-50
  • translate-middle
Bootstrap 4 & 5
  • Bootstrap Editor
  • Bootstrap Components
  • Bootstrap Templates
Bootstrap Shuffle
  • Terms of use
    Terms of use Privacy policy Licenses
  • Bootstrap CSS
  • EN
    English (EN) Deutsch (DE) Español (ES) Français (FR) Italiano (IT) 日本語 (JP) 한국어 (KR) Polski (PL) Português (PT) Русский (RU) 繁體中文 (CN)
  • Components
  • Templates
  • Support (EN)

You have successfully subscribed to the newsletter!

© 2025 Shuffle

Switch to the Bootstrap Editor by Shuffle

+
Bootstrap Shuffle 2.0 will work with React!

Want to be the first to try?

Thanks! We'll be in touch.