问为什么当我调整网页的大小时，第二张图片不在第一张下面呢？
EN

Stack Overflow用户

提问于 2016-02-27 16:25:15

回答 1查看 27关注 0票数 0

我正在嵌套我相信是一个img 6加上IMGCol-XS-6在一个巨型加速器-xs-12下。

为什么当我调整网页的大小时，第二张图片不在第一张下面呢？

<body>

  <div class="container">
    <div class="row col-xs-12 jumbotron">
      <div class="row">
        <div class="col-xs-6">
          <img class="img-responsive" src="http://cdn8.openculture.com/wp-content/uploads/2014/11/Tolkien-publisher-3.jpg">
        </div>
        <div class="col-xs-6">
          <img class="img-responsive" src="http://static.giantbomb.com/uploads/original/0/2848/425335-tolkien_photo_c.jpg">
        </div>
      </div>
    </div>
  </div>

</body>

html

twitter-bootstrap-3

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-02-27 16:43:03

这是因为您使用的是xs-类，这意味着XS大小窗口(移动设备)上有2列。您可以将col-xs-6更改为col-md-6，在MD屏幕上有两列，在SM (平板)和XS (移动)屏幕上有一列。

而且，您不应该立即在row之后使用row。

<div class="jumbotron>
  <div class="container">
    <div class="row">
      <div class="col-md-6">
        <img class="img-responsive" src="http://cdn8.openculture.com/wp-content/uploads/2014/11/Tolkien-publisher-3.jpg">
      </div>
      <div class="col-md-6">
        <img class="img-responsive" src="http://static.giantbomb.com/uploads/original/0/2848/425335-tolkien_photo_c.jpg">
      </div>
    </div>
  </div>
</div>

了解更多信息(引导网格系统)

学习更多(万宝通)

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/35672218

复制

相似问题

问为什么当我调整网页的大小时，第二张图片不在第一张下面呢？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么当我调整网页的大小时，第二张图片不在第一张下面呢？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么当我调整网页的大小时，第二张图片不在第一张下面呢？
EN