如何在Bootstrap 4下拉菜单中应用网格系统使其形状像附加的图像？

Question

我想创建下拉菜单，如红色边框突出显示的图像所示，

附加的屏幕截图来自此bootswatch website（引导主题）。

我尝试应用bootstrap flex实用程序，但无法完成，我该如何实现。

Answer 1

我认为，当您查看提到的网站上的代码时，您可以找到地方。类dropdown-menu具有width的{​​{1}}属性和值为420px的{​​{1}}属性。然后，该div中的所有项目都具有一个类flex-wrap，其wrap属性设置为dropdown-item。这样，所有项目均为1/3，您将获得3行。我认为仅此而已。

width

类似这样的事情。当我在网站上看到喜欢的东西时，我总是去检查员，看看它是如何完成的。