Position containers and text with these available classes.
Use float classes at different breakpoints to position content. Use responsive clear classes in combination if needed.
.clearfix class to clear floats. There are also margin and padding clears available.
Column Ordering with Bootstrap Grid
Use column ordering to reorder Bootsrap grid columns at different viewport sizes
Easily change the order of our built-in grid columns with push and pull modifier classes. Push classes move columns to the right. Pull classes move columns to the left. Replace the number symbol with the number of places you wish to move the column.
Code your content mobile first. It is easier to push and pull columns on larger devices than it is on smaller devices.
Swap Left and Right Columns Code
In this example, the image stacks above the description by default. At the medium viewport size, the columns are horizontal and push/pull classes swap their positions.
More Examples Code
These examples are laid out in order by default and reordered at the medium breakpoint.