Css 带引导网格系统的嵌套行？

我想要一张较大的图像和4张较小的图像，格式为2x2，如下所示：

我最初的想法是把所有东西都放在一排。然后创建两列，在第二列中创建两行两列以创建1x1和2x2效果

然而，这似乎是不可能的，或者我只是做得不正确？

BootstrapVersion3.x 一如既往，请阅读Bootstrap的优秀文档：

3.x文档：

确保父级行位于

.container

元素内部。只要想嵌套行，就在列中打开一个新的

.row

以下是一个简单的布局：

形象
1.
2.
3.
4.

引导版本4.0 4.0文档：

这里是4.0的更新版本，但您应该真正阅读网格上的整个文档部分，以便了解如何利用这一强大功能

形象
1.
2.
3.
4.

小提琴演示 看起来是这样的（添加了一点样式）：

---

< /P> < P>添加到KyleMit所说的，考虑使用：

• col md-*

  较大外部列的类

• 列xs-*

  用于较小内部列的类

当您在不同的屏幕大小上查看页面时，这将非常有用

---

在一个小屏幕上，在维护较小的内部列的同时包装较大的外部列，如果可能的话

请发布您迄今为止尝试过的HTML/CSS。试试这个：我编辑了我的小提琴，以适应大屏幕和超小屏幕。上面的代码对您有用吗？…很抱歉劫持了一个1年的线程，但你们知道如何在图像和1和1之间获得0px吗3@alex，当然-只需设置

margin:0.mini box

元素上选择code>。为了清晰起见，我的示例只是添加了一行，但您可以完全删除这行。为什么迷你箱2的col和迷你箱3的col之间没有行？如果有，会发生什么？@pashute，看。每个小框占据50%的可用空间（受列限制），因此两个小框将占据第一行。任何额外的都将被合并成一个新的行。您也可以按行对它们进行配对，但不需要这样做。引导默认情况下会进行包装，这样您就不必用新行将标记弄乱。如果它在语义上有意义，我会说去做。但如果您只是显示一个包含4个对象的列表，请将它们放在同一行。@user3921890，这个主题太大，无法在注释行中回答。你可以发布一个新的帖子来解释你正在尝试做什么，以及至少一次尝试，然后链接到这里。