Bootstrap: How to change the order of div in fluid-row?

Question

How to re-arrange/swap the order of some fluid container/row in bootstrap.....

If we take an example of bootstrap\'s fluid example on following page:

http://

Answer 1

#wrapper {
    display: flex;
    display:-webkit-flex;
    flex-direction: column;
    -webkit-flex-direction:column;
}

#wrapper > div {
    width: 100%;
}

#header {
    order: 1;
    -webkit-order: 1;
}

#mainMenu {
    order: 2;
    -webkit-order:2;
}

#content {
    order: 3;
   -webkit-order:3;
}

#sidebar {
    order: 4;
    -webkit-order:4;
}

Source: http://www.reddit.com/r/css/comments/1v1gv7/change_order_of_divs_with_css/