在Bootstrap 4中

Question

我的小提琴：https://jsfiddle.net/aq9Laaew/136298/

如您所见，我有三列，中间一列有几张卡。我需要保持中心列的内容居中。但是，我想将单个卡向左对齐-这样可以形成一个完美的网格，而不是交错的网格。

在这里您可以看到所有列都对齐并且页边距正确，但是测试5不在测试1的正下方，依此类推。

我可以很好地对齐卡片，但是无论何时，我都无法应用相等的左右边距，因此整个内容始终位于左边。

此处，第三列的内容正确对齐，但是test-left之间不再有空白。我已经经历过the documentation，但到目前为止，还没有达到目标。我尝试编写自己的行/列类，但是遇到了很多自举式弹性框问题。我也尝试浮动这些项目，但是再次发现引导容器的许多兼容性问题。

还提出了许多其他类似的问题；但是，它们所有人都无法正确处理左边距test-left。