twitter-bootstrap - 即使使用 clearfix，Bootstrap 内容也会消失

Question

当我缩小屏幕尺寸以检查移动设备兼容性时，我的 Bootstrap 3 轮播内容似乎消失了。有趣的是，所有面板的内容和图像大小完全相同。然而，内容的行为会因显示的面板而异。

我是不是把 clearfix 放在了错误的地方？我试过“元素”div 以及每个面板的最后一个 .col。然而，当我移动到小部分时，一些内容在幻灯片 2 和 3 上消失了，即使有重复的内容也是如此。

<div class="item active">
  <div class="bannerImage">
    <a href="#">
      <img src="path/some/image" class="img-responsive" alt="">
    </a>
  </div>
  <div class="purchase container">
    <div class="row">
      <div class="col-xs-12 col-sm-6 col-md-8 animated fadeInLeft">
        <span>....</span>
        <p>....</p>
      </div>
      <div class="col-xs-12 sol-sm-6 col-md-4 btn-buy animated fadeInRight clearfix">
        <a href="#" class="btn-u btn-u-lg"><i class="fa fa-play-circle"></i>Start</a>
      </div>
    </div>
  </div>
</div>

我尝试了 this stack question 中的 clearfix 方法但是没有效果。

站点可以是viewed here .

Answer 1

谢谢你们找我，不过我找到了。我在源代码中有几个额外的 div 容器，我疲倦的眼睛没有看到。调试是一件神奇的事情。