Bootstrap网格系统行内容与其他行重叠

Question

我的bootstrap网格系统有问题，我在一行中有6个元素，每个元素都设置为“col-md-2”，问题是前面只显示了前5个元素排，6º跳到第2排。所以第二行得到空格。

见图。

一段代码：

<div id="card-listing" class="container-fluid">
    <div class="row">
        <div class="col-sm-6 col-md-2 cardthumnb" data-time="1396739650" data-name="Graceful Charity">
              <a id="card-55" href="http://127.0.0.1/~victor/yugiohguia/cards/graceful-charity/">
                <div class="card-thunmb">
                  <img src="http://127.0.0.1/~victor/yugiohguia/wp-content/uploads/2014/04/GracefulCharity-LCYW-EN-ScR-1E.png" />
                </div>
                <div class="card-title">
                  <span>Graceful Charity</span>
                </div>
             </a>
        </div>
        <!-- other 5 images... -->
    </div>
</div>

唯一应用的css是：

.cardthumnb img {
  max-width: 100%;
  white-space: normal;
}

.cardthumnb .card-title {
  text-align: center;
}

see live

Answer 1

这不是关于bootstrap，而是你的同位素设置。 确保正确设置配置对象，或针对同位素提出问题。