如何堆叠具有多个类的 Div/容器？答案

【问题标题】：How Can I Stack Div's/Containers With Multiple Classes?如何堆叠具有多个类的 Div/容器？
【发布时间】：2016-01-23 02:00:59
【问题描述】：

我正在尝试将其中的两个缩略图 div 并排放置。

CSS 仅用于将我的 YouTube 视频保留在边框中。

我今天花了一段时间试图搜索这个，但我没有找到任何对我有意义的文章，作为 HTML、CSS 和 Bootstrap 代码的初学者。

.thumbnail iframe {
	padding-left: 3;
	padding-right: 3;
	padding-top: 3;
	padding-bottom: 3;
}

<div class="container">
  <div class="row">
    <div class="col-sm-6 col-md-4">
      <div class="thumbnail">
        <iframe class="col-lg-12 col-md-12 col-sm-12 col-xs-12" height="210" src="https://www.youtube.com/embed/ZwpLEUOprd8" frameborder="0" allowfullscreen></iframe>
        <div class="caption">
          <h3>100 SUBSCRIBERS!!!!</h3>
          <p>We reached 100 subscribers!</p>
          <p><a target="_blank" href="https://www.youtube.com/watch?v=ZwpLEUOprd8" class="btn btn-primary" role="button">View On YouTube</a></p>
        </div>
	  </div>
    </div>
  </div>
</div>

【问题讨论】：

我对您的要求感到非常困惑。你想把两个缩略图放在一起吗？您的代码中的缩略图在哪里？
令人困惑的问题你能说得更具体点吗？
运行代码，我试图复制代码并将其水平放置在实际页面上的第一个代码旁边。因此，嵌入了带有说明的 YouTube 视频，以及旁边带有说明的另一个 YouTube 视频。这对我来说有点难以解释，所以对于任何混淆，我深表歉意......
@Aeth 你检查我的答案了吗？如果解决了问题，请告诉我
这解决了您的问题吗？如果问题解决了，请考虑接受我的回答。

标签： html css containers

【解决方案1】：

您可以使用display:inline-block;:

.thumbnail{
    display: inline-block;
}

另一种方法是使用floats，这可能会有些棘手，因为它在某些布局上存在一些缺点。

【讨论】：