正如标题中所说,当我的iPhone加载网站时,我网站上的一行没有正确包含其元素。当我更改视口宽度时,以及在开发工具中测试时,它适用于Firefox,Chrome和Safari桌面。
以下是该问题的屏幕截图:
以下是该网站的链接: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>
答案 0 :(得分:0)
.container
div
应位于.row
div