Centrer le contenu à l'intérieur d'une colonne dans Bootstrap 4

il y a plusieurs méthodes de centrage horizontal dans Bootstrap 4 ...

• text-center pour le centre display:inline elements
• offset-* ou mx-auto peut être utilisé pour de la colonne centrale ( col-* )
• ou justify-content-center sur les colonnes centrales row à ( col-* )
• mx-auto pour centrage display:block éléments à l'intérieur d-flex

mx-auto (automatique de l'axe des x marges) centre display:block ou display:flex les éléments qui ont une largeur définie, (%, vw, px, etc..). Flexbox est utilisé par défaut sur les colonnes de grille, il existe donc aussi différentes méthodes de centrage flexbox.

démonstration des méthodes de centrage Bootstrap 4

dans votre cas, utilisez mx-auto pour centrer le col-3 et text-center pour centrer son contenu..

<div class="row">
    <div class="col-3 mx-auto">
        <div class="text-center">
            center
        </div>
    </div>
</div>

http://www.codeply.com/go/GRUfnxl3Ol

ou, à l'aide justify-content-center sur flexbox éléments ( .row ):

<div class="container">
    <div class="row justify-content-center">
        <div class="col-3 text-center">
            center
        </div>
    </div>
</div>

Voir Aussi:

Centre D'alignement Vertical dans Bootstrap 4

ajouter la classe text-center à votre colonne:

<div class="col text-center">
I am centered
</div>

<div class="container">
    <div class="row justify-content-center">
        <div class="col-3 text-center">
            Center text goes here
        </div>
    </div>
</div>

j'ai utilisé justify-content-center class au lieu de mx-auto comme dans cette réponse .

contrôle à https://jsfiddle.net/sarfarazk/4fsp4ywh /

ajouter n'importe quelle classe d'offset, de l'offset-1 à l'offset-11, qui font jamais le centre.

 <div class="col-3 offset-5">

    <div class="nauk-info-connections text-center" style="border: 1px red solid">
     Text here2
    <span>span text </span>
 </div>

s'il vous plaît vérifier la violon à l'aide de Bootstrap 4. Dans le violon j'ai utilisé "offset-5", donc il a placé le centre.