Hello world!

This approach works in case you need to style a single element. If you however for some kind of reason want to displace an element according to the ones surrounding it you can use the .push - and .pull classes which generally do the same thing but filling the free space left behind with the next element if possible. So for example if you have two column elements – the first one 4 columns wide and the next one – 8 columns wide (they both fill the entire row) applying .push-sm-8 to the first element and .pull-md-4 to the second will actually reverse the order in which they get displayed on small viewports and above. Omitting the –xs- infix for the smallest screen sizes counts here too.

This approach works in case you need to style a single element. If you however for some kind of reason want to displace an element according to the ones surrounding it you can use the .push - and .pull classes which generally do the same thing but filling the free space left behind with the next element if possible. So for example if you have two column elements – the first one 4 columns wide and the next one – 8 columns wide (they both fill the entire row) applying .push-sm-8 to the first element and .pull-md-4 to the second will actually reverse the order in which they get displayed on small viewports and above. Omitting the –xs- infix for the smallest screen sizes counts here too.