引导容器排列

Question

我需要一些帮助，我该如何放置这样的容器？ Click here for the picture

我已经尝试了所有方法，但我做不到。

谢谢！

Answer 1

根据主题行，我假设您使用的是 Bootstrap。 Here is some more information on containers.

如果您不使用 Bootstrap，您可以像下面那样简单地进入您的 CSS 文件并更改宽度、高度和显示属性。

div {
  margin: 5px;
}
.container {
  width: 100px;
  height: 100px;
  background-color: red;
  display: inline-block;
}

.container1 {
  width: 300px;
  height: 100px;
  background-color: blue;
  display: inline-block;
}

.container2 {
  width: 100px;
  height: 100px;
  background-color: green;
}

<div class="container"></div>
<div class="container1"></div>
<div class="container2"></div>

当然，还有很多其他方法可以做到这一点，我鼓励您进一步阅读各种文档。