css - 网格系统中的偏移量不生效？

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？我如何在这里添加 margin ？

Answer 1

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