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;
}

用于向上移动图像

在Twitter Bootstrap英雄div中不能跨越12列

1 个答案: