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

Question

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

看图片。

一段代码:

<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 ，而是您的同位素设置。 确保您的配置对象设置正确，或者针对同位素提出问题。