Question

Bootstrap 4.0

我的行有两列和偏移量：

<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
  </head>
  <body>
    <div class='container'>
        <div class='row'>
            <div class='col-md-offset-4 col-md-4'>1/3</div>
            <div class='col-md-4'>1/3</div>
        </div>
    </div>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="js/jquery-3.2.1.slim.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>

但我没有左边的偏移量。我的jsFiddle是here。

为什么我左边没有偏移量（col-md-offset-4）？

Answer 1

你已经标记了BS3和BS4，它们在抵消列时有一个至关重要的区别：

 - v3 - Uses col-*-offset-* classes to offset columns. For example, col-md-offset-4.

 - v4 - Uses offset-*-* classes to offset columns. For example, offset-md-4.

source

此外，您可能没有包含BS4的正确要求，当我尝试将他们的示例从文档粘贴到您的小提琴时，它不起作用：

BS 4 offset

Bootstrap：为什么我没有左边的偏移量？

1 个答案: