使用.col-md-offset-类可以将列向右侧偏移。这些类实际是通过使用选择器为当前元素增加了左侧的边距(margin)。

    2

    image.png

    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. <style>
    10. .row>div {
    11. height: 50px;
    12. background-color: pink;
    13. }
    14. </style>
    15. </head>
    16. <body>
    17. <div class="container">
    18. <div class="row">
    19. <div class="col-md-4">1</div>
    20. <div class="col-md-4 col-md-offset-4">2</div>
    21. </div>
    22. </div>
    23. </body>
    24. </html>