Bootstrap 4 引导4：如何设置特定响应方格的网格-列或卡？

对于我的索引页，我需要设置这样一个网格：

对于

Col md

项目8应位于项目4和5下。 对于

Col-sm

而言，块为：

item 1

、lower-

item 4

和

5

、lower-

2和
3
、lower-
6和7
、lower-
item 8

所有的块都应该是可点击的

尝试了一些使用cols和CARD的变体。没有任何结果显示在这里

有什么想法吗

UPD：试过这个



div{背景色：rgba（255,0,0,0.1）；}
.square{高度：166 px；宽度：166px；}
.expo_公告{高度：166px；宽度：337px；}
.big_square{高：337px；宽：337px；}
项目1

项目2

项目3

项目8

请发布迄今为止您在桌面上尝试的代码：您的屏幕截图。。。对于md:1-4-5-8-2-3-6-7；对于sm:1-4-5-2-3-6-7-8-您能确认吗？