From the course: Bootstrap 3 Essential Training

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Customizing column order with push and pull

Customizing column order with push and pull - Bootstrap Tutorial

From the course: Bootstrap 3 Essential Training

Start my 1-month free trial

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…

Contents