Question

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

我将我的clearfix放在错误的地方吗？我试过了＆＃34;项目＆＃34; 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容器，我的疲惫的眼睛没有抓住。调试是一件奇迹。

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

1 个答案: