html - Bootstrap 列偏移量不起作用

Question

我正在使用 Bootstrap 来绘制我的页面。我想把“标题”放在不以该行开头的位置。但是 col-md-offset-4 不起作用。

<div class="container">
<div class="jumbotron">
<div class="row">
  <div class="col-md-12">
    <h1 class="text-center">Beyond forever</h1>
    <h2 class="text-center"><em>My favorite band</em></h2>
    <div class="thumbnail text-center"><img src="http://res.cloudinary.com/deqlvmd9w/image/upload/v1494666517/beyond_ihkzoj.jpg"/>
    </div>
  </div>
  <div class="col-md-8 col-md-offset-4">
    <h3>Title</h3>
  </div>
</div>

这是链接 https://jsfiddle.net/heshijinghuang/opsv0e09/

Answer 1

感谢您的所有回复。问题已解决。这是因为 bootstrap 4 使用不同的偏移样式(offset-sm-2)在 bootstrap 3 中，它是 col-offset-sm-2。