CODEWITHSUNDEEP
htmlcsstwitter-bootstrap
Jonah Kman Geoman
Jonah Kman Geoman

Reputation: 59

column ordering with twitter bootstrap

Hello please, i have this SIMPLE code of twitter bootstrap and would like to be helped :

<div class="row">
  <div class="col-*-*">.....</div>    //column 1
  <div class="col-*-*">.....</div>    //column 2
  <div class="col-*-*">.....</div>    //column 3
</div>

What can i do so that when displaying them i change the order of display,i.e. column 2 is displayed at the left,column 1 at the center, column 3 can remain in its position.

Upvotes: 1

Views: 56

Answers (1)

rockStar
rockStar

Reputation: 1296

You can use the push and pull from the grid of twitter, from that code the layout will change from 1,2,3 to 2,1,3

<div class="row">
  <div class="col-lg-4 col-lg-push-4">.....</div>    //column 1
  <div class="col-lg-4 col-lg-pull-4">.....</div>    //column 2
  <div class="col-lg-4">.....</div>    //column 3
</div>

Upvotes: 1

Related Questions