Shuffle for Bootstrap
  • Como funciona
  • Funções
  • Components
  • Pricing
  • Como funciona
  • Funções
  • Blog
  • Compre agora!
Iniciar sessão Versão Demo
← all Bootstrap classes list

Bootstrap class: .float-sm-start

    <div class="float-sm-start">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Numquam, ipsum.</div>

Preview

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Numquam, ipsum.

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-0
  • 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-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
  • PT
    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.