Bootstrap 4 引导-一行中的左对齐链接

我有一个Bootrap 4.6应用程序。在这个应用程序中，我需要在一行中显示一个“后退”按钮。为了做到这一点，我有以下几点：

<div class="container-fluid d-flex flex-column justify-content-center h-25 pb-0" style="background-image:url(/images/backgrounds/bg-1.jpg);">
  <div class="row py-4 my-2" style="max-width:1500px;">
    <div class="col">
      <a class="text-white" href="/"><i class="fas fa-chevron-left mr-2"></i>GO BACK</a>
    </div>
  </div>
</div>

此时，当我的页面呈现时，“回退”按钮在页面中间水平对齐，如下所示：

+--------------------------------------------------+
|                                                  |
|                    < GO BACK                     |
|                                                  |
+--------------------------------------------------+

+--------------------------------------------------+
|                                                  |
|          < GO BACK                               |
|                                                  |
+--------------------------------------------------+

+--------------------------------------------------+
|                                                  |
|回去|
|                                                  |
+--------------------------------------------------+

然而，实际上，我需要它看起来像这样：

+--------------------------------------------------+
|                                                  |
|                    < GO BACK                     |
|                                                  |
+--------------------------------------------------+

+--------------------------------------------------+
|                                                  |
|          < GO BACK                               |
|                                                  |
+--------------------------------------------------+

+--------------------------------------------------+
|                                                  |
|回去|
|                                                  |
+--------------------------------------------------+

我相信row元素上的

max width:1500px

有问题。然而，我不确定。如果这样做有意义的话，我如何在一个居中的容器中左对齐内容

---

谢谢，

我刚刚复制并粘贴了您编写的代码，它看起来是左对齐的。它可能嵌套在另一个具有类

文本中心的组件中。
在任何情况下，您都可以在
div
标记中，在
a
标记之前指定class
text left
。
最后，要获得所需的效果，只需在按钮上添加一个
左边距
。您可以使用
ml-5
引导类，如下例所示