即使使用 clearfix，引导内容也会消失

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 容器，我疲倦的眼睛没有注意到。调试是一件很神奇的事情。