Bootstrap 4, Comment centrer un bouton ?

Question

          {{ job.job_title }}
          Google Inc.  - {{ job.location }}
          Job Description

        Posté le : {{ formatDate(job.date_created) }}
        {{ buttonText }}

Je n'arrive pas à trouver comment centrer ce bouton. Dans BS 3, j'utiliserais juste center-block mais ce n'est pas une option dans BS4. Des conseils ?

Answer 1

Pour un bouton dans une barre de navigation réduite, rien de ce qui précède n'a fonctionné pour moi donc dans mon fichier css, j'ai fait...

.navbar button {
    margin:auto;
}

et ça a fonctionné!!

Answer 2

Ce qui a fonctionné pour moi était (adapter "css/style.css" à votre chemin css):

En-tête HTML:

Corps HTML:

       Connexion 

Css:

.mycentered-text {
    text-align:center
}

Answer 3

Vous pouvez également simplement envelopper avec une classe H ou une classe P avec un attribut de texte centré