Build 之后，我所有的文本内容都以 Vue.js 为中心

Question

我在构建项目时遇到了问题！
我所有的 <p> 标签在 Build 和 Dev 实例之后都居中，它们保持在左侧...... 示例：

<div class="pt-3">
        <h4>Forma de acesso:</h4>
        <p>Certificado Digital (Token) <i>OU</i></p>
        <p>CPF e Senha</p>
      </div>  

在开发服务器上：

在实时服务器上（构建后）：

关于为什么会发生这种情况的任何建议？
如果有帮助，我正在使用 Bootstrap-Vue 和 yarn 来构建项目！

编辑：使用text-left 类不起作用，文本保持居中。

Answer 1

我在 App.vue 上的 html css 上使用了 text-center... 我的错。