网格系统中的偏移量没有生效？

Question

这是我的代码：

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />

<div class="row">

  <div style={{border: 'solid black 0.5px'}} class="col-md-3">
    <h2>Heading 1</h2>
    <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus,</p>
    <p><a className="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
  </div>

  <div style={{border: 'solid black 0.5px'}} class="col-md-3 offset-md-4">
    <h2>Heading 2</h2>
    <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, </p>
    <p><a className="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
  </div>

  <div style={{border: 'solid black 0.5px'}} class="col-md-3 offset-md-1">
    <h2>Heading 2</h2>
    <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, </p>
    <p><a className="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
  </div>

</div>

我在标题2上使用了偏移量，在中心使用了偏移但是它不会跳过一些不同于文档的空间？我想要做的是在它们上添加一些余量，但是当我尝试时，它会推动最后一个在底部，或者它不会占用所有空间，如果我不使用4？我如何在这里添加保证金？

Answer 1

它是col-md-offset-4而不是offset-md-4 再次阅读更好的文档https://getbootstrap.com/docs/3.3/css/#grid-offsetting