通过使用.col-md-push- 和.col-md-pull-类就可以很容易的改变列(column)的排序。
    image.png

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4. <meta charset="UTF-8">
    5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
    6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7. <title>Document</title>
    8. <link rel="stylesheet" href="bootStrap/css/bootstrap.min.css">
    9. </head>
    10. <body>
    11. <div class="container">
    12. <div class="row">
    13. <div class="col-md-6 col-md-push-6">2</div>
    14. <div class="col-md-6 col-md-pull-6">1</div>
    15. </div>
    16. </div>
    17. </body>
    18. </html>

    image.png