twitter-bootstrap - 不能跨越 Twitter Bootstrap hero div 中的 12 列

Question

我试图在一个英雄中跨越 12 列，但它不起作用。如果我跨越文本 8 列和图像 4 ，右侧的图像会一直低于我的h1和文本。p

如果我跨越文本 6 列和图像 4 一切都很好。下面是我的代码：

        <div class="hero-unit">
        <div class="row">
          <div class="span8">
          <h1>MISSION</h1>
          <p>Providing our clients with superior service.</p>
          <p><a class="btn btn-primary btn-large">Learn more &raquo;</a></p>
        </div>
        <div class="span4">
        <img src="img/american-flag.jpg" alt="American Flag" />
      </div>
        </div>
      </div>

Answer 1

您是否尝试过查看有关偏移列的文档？我用宽度为 301px 的图像尝试了您的代码，并且似乎可以移动

  <div class="hero-unit">
    <div class="row">
      <div class="span8">
      <h1>MISSION</h1>
      <p>Providing our clients with superior service.</p>
      <p><a class="btn btn-primary btn-large">Learn more &raquo;</a></p>
    </div>
    <div class="span4 offset6">
    <img src="images/facebook_logo.jpg" alt="American Flag" class="test"/>
  </div>
    </div>
  </div>

---

然后我进入我的CSS并做了其中之一：

.test           {
                 margin-top: -100px;
}

用于向上移动图像