Css .justify资源中心类不是'；应用于.row时，t工作（引导4.4.1）

我有以下代码：

<div class="container pt-5">
    <div class="row">
        <div class="col-6 col-sm-3">
          <ul>
              <li>Example List Item</li>
              <li>Example List Item</li>
              <li>Example List Item</li>
          </ul>
        </div>
        <div class="col-6 col-sm-3">
            <ul>
              <li>Example List Item</li>
              <li>Example List Item</li>
              <li>Example List Item</li>
            </ul>
        </div>
        <div class="col-6 col-sm-3">
            <ul>
              <li>Example List Item</li>
              <li>Example List Item</li>
              <li>Example List Item</li>
            </ul>
        </div>
        <div class="col-6 col-sm-3">
            <ul>
              <li>Example List Item</li>
              <li>Example List Item</li>
              <li>Example List Item</li>
            </ul>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12 text-center">
            <p class="copyright pt-5 text-muted">Blah blah blah.</p>
        </div>
    </div>
</div>

示例列表项
示例列表项
示例列表项


示例列表项
示例列表项
示例列表项


示例列表项
示例列表项
示例列表项


示例列表项
示例列表项
示例列表项

诸如此类

我使用的是最新的boostrap4（4.4.1），希望将列置于top.row的中心。我很难做到这一点。当我将.justify资源中心添加到行中时，完全没有任何效果（列集在容器开始处保持向左刷新）。我尝试过其他变体，如.justify content end，以查看是否有任何效果。我还尝试使用

justify content:center创建自己的css类并使用它而不是引导类。不走运。第二行。行中心很好。
试试：



第1页，共3页
可变宽度内容
三分之三
这是因为您使用的是4列sm-3，它占用了所有的行空间，只需尝试更改为col-sm-2，您就可以使用mx auto在引导中以列为中心。如果您的元素是内联的，您可以使用列上的文本中心类。谢谢@JasarOrion和@Steve。我将间距减小到col-sm-2，并在
中心周围对齐内容，并为我很好地隔开列。因此，主要问题是，如果列跨行的整个宽度（跨12列网格），人们将无法看到它们居中。如果减少12个网格所占用的空间量，则可以看到居中效果。如果愿意，还可以在列中添加边距和填充。