在iOS Safari中加载页面时不包含元素的行 - Bootstrap

时间:2016-07-07 19:16:21

标签: html css twitter-bootstrap responsive

正如标题中所说,当我的iPhone加载网站时,我网站上的一行没有正确包含其元素。当我更改视口宽度时,以及在开发工具中测试时,它适用于Firefox,Chrome和Safari桌面。

以下是该问题的屏幕截图:

enter image description here

以下是该网站的链接:www.appepic.com

这是我第一次使用Bootstrap构建网站,所以如果我错过了简单的话,我会道歉。

谢谢!这里是html供参考:

<div class="row" id="clients">
  <div class="container">
    <div class="col-xs-12">
      <h2 class="heading text-uppercase">Brands That Trust AppEpic</h2>
    </div>
    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
      <img src="http://appepic.com/wp-content/uploads/2016/06/Microsoft_logo-200.png" class="center-block brand" id="microsoft">
    </div>
    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
      <img src="http://appepic.com/wp-content/uploads/2016/06/Amazon-logo-200.png" class="center-block brand" id="amazon">
    </div>
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
      <img src="http://appepic.com/wp-content/uploads/2016/06/semanoor-logo.png" class="center-block brand" id="semanoor">
    </div>
  </div>

  <!--Anchors for same site linking-->

  <a name="youthability-test"></a>
  <a name="feedback-panel-test"></a>

  <!--End anchors-->

</div>

1 个答案:

答案 0 :(得分:0)

.container div应位于.row div

之外(父)