Duda con Bootstrap

xcodex

Gamma
Verificación en dos pasos desactivada
Desde
8 Feb 2019
Mensajes
203
Crédito(s)
0
Puntos
660
Hola!!, llevo casi 3 horas intentando resolver este problemita con Bootstrap, seguí al pié de la letra la documentación pero no funciona.
Me gustaría que la alineación quede a la derecha, pero misteriosamente queda a la izquierda:

El código que tengo es el siguiente:

Insertar CODE, HTML o PHP:
<div class="row d-flex justify-content-center">
<div class="col">
Aquí el texto.
</div>
</div>
 

Dtokee

Beta
Verificación en dos pasos desactivada
Desde
20 Ago 2019
Mensajes
62
Crédito(s)
0
Puntos
0
Hola!!, llevo casi 3 horas intentando resolver este problemita con Bootstrap, seguí al pié de la letra la documentación pero no funciona.
Me gustaría que la alineación quede a la derecha, pero misteriosamente queda a la izquierda:

El código que tengo es el siguiente:

Insertar CODE, HTML o PHP:
<div class="row d-flex justify-content-center">
<div class="col">
Aquí el texto.
</div>
</div>
 

Dtokee

Beta
Verificación en dos pasos desactivada
Desde
20 Ago 2019
Mensajes
62
Crédito(s)
0
Puntos
0
Hola! Fíjate si te funciona alguna de esta 2 opciones.
1.
Insertar CODE, HTML o PHP:
<div class="row d-flex">
<div class="col">
<p class="text-right">Aquí el texto.</p>
</div>
</div>
2.
Insertar CODE, HTML o PHP:
<div class="row d-flex text-right">
<div class="col">
Aquí el texto.
</div>
</div>
 

jrobertorma

Beta
Verificación en dos pasos activada
Desde
9 May 2019
Mensajes
30
Crédito(s)
0
Puntos
27
Aunque ya está resuelta la duda me gustaría explicar por no se alineaba como querías:
El contenedor va a ser un row flex que va a a justificar su contenido (alinear respecto al eje principal, que es el horizontal por defecto) al centro con justify-content-center, dentro el row tendrá una columna básica.

En la respuesta de @Dtokee en el div row retiró la clase 'justify-content-center' y agregó 'text-right', también pudiera haber funcionado 'justify-content-right'

<div class="row d-flex justify-content-center">
<div class="col">
Aquí el texto.
</div>
</div>
 

Arriba