Bootstrap 偏移量不起作用

Question

我只是想尝试 Bootstrap，但我无法使偏移工作，我也不知道为什么。这是我的代码：

<div class="container">
  <div class="row justify-content-between align-items-stretch">
    <div class="col-4 offset-2"> ABC </div>
    <div class="col-4"> DEF </div>
  </div>
</div>

出于某种原因，offset-2 根本没有移动该列。你知道为什么吗？

提前致谢，

Answer 1

希望这能满足您的要求：-

<!DOCTYPE html>
<html lang="en">

<head>

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>

<body>
  <div class="container">
    <div class="row justify-content-between align-items-stretch">

      <div class="col-4 col-md-offset-2">
        ABC
      </div>
      <div class="col-4">
        DEF
      </div>
    </div>
  </div>

</body>

</html>

Bootstrap 偏移量不起作用

Bootstrap offset is not working

html

offset

twitter-bootstrap