From the course: Bootstrap 3 Essential Training
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Customizing column order with push and pull - Bootstrap Tutorial
From the course: Bootstrap 3 Essential Training
Customizing column order with push and pull
- In some designs you may want to control the order of the columns so that they move from their original column positions. You use it to achieve layouts where columns can lie in different positions depending on which break points you are targeting. Bootstrap has a couple of classes you can use to accomplish this called push and pull. So I have a slightly different version of my project. I have removed all the other classes, and if you are coming from the previous movie, I have removed the extra rows so I have just a single row right here and then all my sections have a col-xs-4 which means that they take up four out of the 12 column grid and therefor works out to be a three-column design no matter what width I have my browser in. And so, what I want to do here is show you that I can take this first column, the one with the label General Health and I can go ahead and push it by a certain number of columns, so if I say col at the xs size, I want to push it, or push this column by one…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
Understanding Bootstrap containers6m 29s
-
(Locked)
Working with rows3m 13s
-
(Locked)
Creating columns10m 3s
-
(Locked)
Using multiple column classes3m 46s
-
(Locked)
Resetting columns3m 55s
-
(Locked)
Offsetting columns2m 52s
-
(Locked)
Nesting columns6m 9s
-
(Locked)
Customizing column order with push and pull3m 31s
-
-
-
-
-
-
-
-
-