Css 无法在容器中成功将按钮居中

我使用的是bootstrap 4，我无法将按钮/链接正确居中-无论我如何尝试使用文本中心类将其用div或链接环绕

代码笔在这里：

只需将：对正资源中心添加到父组件即可。代码如下所示：

<!-- ******Key Features****** -->
<section class="key-features ">
  <div class="container pt-4">
    <div class="row justify-content-center"style="background: red">
      <a class="btn btn-primary text-center" href="{% url "users:postcode" %}">Get Started</a>
    </div>
  </div>
</section>

工作笔：

-我添加背景只是为了给大家一个提示，这对我很有帮助，让我不时有一些观点-

希望有帮助：

您可以使用mx auto替换btn上的文本中心，以强制使用左/右页边距：

<!-- ******Key Features****** -->
<section class="key-features ">
  <div class="container pt-4">
    <div class="row justify-content-center"style="background: red">
      <a class="btn btn-primary text-center" href="{% url "users:postcode" %}">Get Started</a>
    </div>
  </div>
</section>