Jquery 引导上旋转木马上方的图像

我正在基于此模板开发一个网站 但我不能把图像放在旋转木马的中间，幻灯片上方

这就是我到目前为止所做的：

  <div style="position:absolute; top:50px;">
      <div class="container">
        <div class="row">
          <div class="col-md-4">
            <img src="logo.png" class="img-responsive">
          </div>
        </div>
      </div>
</div>

---

图像保持在旋转木马的最左侧，在其他分辨率下甚至不会保持这种状态，我能做什么？

您不必向父div添加位置/样式。 使用

容器

类时，将设置div的宽度

如果您想更改引导中徽标的位置，则必须使用

col size offset

css类。 知道bootstrap是一个12列布局，大致居中，您将得到如下结果：

<div>
  <div class="container">
    <div class="row">
      <div class="col-md-4 col-md-offset-4">
        <img src="logo.png" class="img-responsive">
      </div>
    </div>
  </div>
</div>

这意味着

col-md-4

div中的内容从4列偏移。这就是我们想要的。Tere将在logo的左侧有4列，在logo的div上有4列（在那里你可能需要做更多的居中调整），在右侧有4列，因为这就是左侧

有关偏移的详细信息，请参见：