Search code examples
vue.jsyarnpkgbootstrap-vue

After Build, all my text content is centered on Vue.js

I'm having a issue when I build my project!
All my <p> tag become centered after Build and on Dev instance, they stay on Left side... Example:

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

On dev server:
enter image description here

On live server (after build):
enter image description here

Any advice of why is this happening?
If helps, I'm using Bootstrap-Vue and yarn to build project!

Edit: using text-left class not work, text keeps centered.

Solution

  • I've used a text-center on my html css on App.vue... My mistake.