Use Bootstrap float utilities to toggle the element to left or right, or disable floating. To toggle an element to the right with .float-end class and left with .float-start class. Example All viewport sizes, .float-start (Float content to left) .float-end (Float content to right) .float-none (Don't float content) See the Pen BOOTSTRAP FLOAT by Prime Study Hub ( @PrimeStudyHub ) on CodePen . Note: Float utilities do not work on flex items Responsive Float Start Float an element to the left depending on your screen size with the responsive float start classes. .float-sm-start - Float content to the left on small screens (SM) or wider .float-md-start - Float content to the left on medium screens (MD) or wider .float-lg-start - Float content to the left on large screens (LG) or wider .float-xl-start - Float content to the left on extra-large screens (XL) or wider .float-xxl-start - Float content to the left on XXL screens or wider See the Pen BOOTSTRAP R...