Css 在列中嵌套图像

我很难用语言来解释这一点，所以我将举例说明。今天，我的头版上有这样的横幅：

 _______________________   _____
|                       | |     |
|                       | |     |
|_______________________| |_____|

此布局的HTML（Bootstrap v.3.3.5）如下所示：

<div class="row">
  <div class="col-sm-9">
    <img src="img1.jpg" alt="">
  </div>
  <div class="col-sm-3">
    <img src="img2.jpg" alt="">
  </div>
</div>

我应该把它分成两列，还是有其他好的引导技术可以使用？

<div class="row">
  <div class="col-sm-9">
    <img src="img1.jpg" alt="">
  </div>
  <div class="col-sm-3">
    <div class="row">
       <img src="img2-1.jpg" alt="">
    </div>
    <div class="row">
       <img src="img2-2.jpg" alt="">
    </div>
  </div>
</div>

不，您不应该为此打断一列。您可以简单地向列添加行（将其视为一个表），从而创建所需的效果

<div class="row">
  <div class="col-sm-9">
    <img src="img1.jpg" alt="">
  </div>
  <div class="col-sm-3">
    <div class="row">
      <div class="col-sm-12">
        <img src="img2-1.jpg" alt="">
      </div>
      <div class="col-sm-12">
       <img src="img2-2.jpg" alt="">
    </div>
  </div>
</div>

不，您不应该为此打断一列。您可以简单地向列添加行（将其视为一个表），从而创建所需的效果

<div class="row">
  <div class="col-sm-9">
    <img src="img1.jpg" alt="">
  </div>
  <div class="col-sm-3">
    <div class="row">
      <div class="col-sm-12">
        <img src="img2-1.jpg" alt="">
      </div>
      <div class="col-sm-12">
       <img src="img2-2.jpg" alt="">
    </div>
  </div>
</div>

您可以尝试在第二行使用col-sm-12，而不是使用多行。如果你想删除恼人的填充，只需使用你自己的css即可

---

您可以尝试在第二行使用col-sm-12，而不是使用多行。如果你想删除恼人的填充，只需使用你自己的css即可，可能是

.row

中的

.col-sm-12

，或者边距或填充会变差。这只是一个例子，但你是对的，@RolandRácza可能是

中的
.col-sm-12
，或者边距或衬垫可能会变差。这只是一个例子，但你是对的，@RolandRácz这个解决方案是正确的。@Dorvalla的解决方案是错误的，因为它没有正确使用引导网格。此解决方案是正确的。@Dorvalla的解决方案是错误的，因为它没有正确使用引导网格。