CODEWITHSUNDEEP
twitter-bootstraptwitter-bootstrap-3
Trick Kramer
Trick Kramer

Reputation: 975

Bootstrap 3 - Push/Pull - 3 Column Layout

I have been struggling with bootstrap's push/pull for a while now and just can't get it to work. I know that I am supposed to think mobile first, but still don't understand it. Any help would be appreciated. Thanks in advance.

This is what I want:

sm & xs

-----------------------------------------------
|                      col1                   |
-----------------------------------------------
|                      col2                   |
-----------------------------------------------
|                      col3                   |
-----------------------------------------------

md

-----------------------------------------------
|         col 1        |          col 2       |
-----------------------------------------------
|                     col3                    |
-----------------------------------------------

lg

-----------------------------------------------
|     col1     |     col2     |      col3     |
-----------------------------------------------

Upvotes: 1

Views: 351

Answers (1)

paulalexandru
paulalexandru

Reputation: 9530

You don't even need push and pull methods, just do this:

<div class="col-xs-12 col-md-6 col-lg-4">1</div>
<div class="col-xs-12 col-md-6 col-lg-4">2</div>
<div class="col-xs-12 col-md-12 col-lg-4">3</div>

Upvotes: 2

Related Questions