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>

引导程序偏移不起作用

1 个答案: