无法正确放置Bootstrap列

Question

我遇到了一个我不明白的问题。我相信我有正确的div，但它只是想重叠两个imagePlaceholder div。 HTML由JS生成，基于要显示的图片数量等。上面唯一的是生成您看到的菜单的<nav>部分，此文档作为iFrame包含在另一个文档中。 / p>

<div class="container">
  <div class="row" id="picturesGrid">
    <div class="col-xs-2" id="imagePlaceholder0">
      <a href="linkgoeshere0">
        <canvas id="galleryImage0"></canvas>
      </a>
    </div>
    <div class="col-xs-2" id="imagePlaceholder1">
      <a href="linkgoeshere1">
        <canvas id="galleryImage1"></canvas>
      </a>
    </div>
  </div>
</div>

容器div是菜单下方的白色区域。突出显示的矩形是imagePlaceholder0，它在容器中缩进很远，这是另一个奇怪的事情。但你看它是如何落后于imagePlaceholder1，而不是它旁边。这是一个非常简单的布局，所以我不确定我在这里做错了什么。任何帮助将不胜感激。

Answer 1

看起来问题可能不是Bootstrap，而是使用Javascript代码;我转发了这个问题。谢谢你看看！