我在[jumbotron col-xs-12]下嵌套我认为是[img col-xs-6]和[img col-xs-6]的东西。
当我调整网页大小时，为什么第二张图片不在第一张图片下呢？
<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>
答案 0 :(得分：1)
这是因为您正在使用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>