[ad_1]
https://i.ytimg.com/vi/6UgQYdhy8uU/hqdefault.jpg
In this tutorial I show you how to swop columns around using push and pull in Bootstrap.
Useful links:
———————————–
Don’t forget to subscribe:
www.youtube.com/QuentinWatt
Follow me on Twitter:
www.twitter.com/QuentinWatt
Follow me on Facebook:
www.facebook.com/quentin.watt
Feel free to donate:
https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=CH68DBULMJ37N
————————————
Original source
27 responses to “Bootstrap tutorial 7 – Push and Pull”
Fast forward to 2:00 in to skip the "rant"
Real video starts at 00:51.
that heavy breathing was really putting me off Quentin… just kidding 🙂 another great video. Many thanks
Thanks dude.
actual content starts at 3:30
Just use order for newer versions. So instead of col-md-push-8, write order-md-8. It will directly swap the column and no need to use pull again
awesome tutorial
its not working, i dont understand why
awesome
Thank you so much. great tutorial
Just posting here for anyone who's got a problem with push and pull on bootstrap 4, there is a new thing called "order" which has replaced the whole push and pull stuff. Just google bootstrap 4 order and you will learn.
this is good thanks bro this was blowing my mind up you blowed up all of my doubts
in device it behave normal when it comes to desktop push and pulls columns
but how image fitting to full width of device without
giving class(col-xs-12)…?
Thanks a lot for the videos, they've been really helpful, but this one is not really that useful anymore. Might be a good idea to add an annotation to inform people that push and pull are no longer supported, and have been replaced with order. I was very confused because I had the same code as you, but it wasn't working.
Awesome trick.
and also push pul doesnot support i did what u did on video still no work
i have a question when i increased the size of col1 col2 size also increases automatically…how to slow it
hi sir different between pull-right,push-right
my pull and push is not working in google chrome. Colunm 1 did not disappear and column 1 and 2 did not swap . I wrote the same code .
Thank you for your clear explanation! It was very helpful 🙂
when I did the "col-md-push-8" column#1 did not disappear it just got stacked underneath column1. I think it is perhaps that I am using bootstrap 4
bundle of thanks
Thanks for this tutorial
col-md-4 col-md-push-8
|
v
col-md-4 push-md-8
Do you use autotune on your voice?
You are great to be honest. I like the way you explain.
Thanks for share your knowledge! <3