Problema de alineación en Bootstrap

  • Autor Autor xcodex
  • Fecha de inicio Fecha de inicio
X

xcodex

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>
 
 
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>
 
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>
 
Hay que estar conectado o registrado para responder aquí.

Temas similares

F
Problema con alineación de productos en la página de carrito
Respuestas
1
Visitas
208
AryaStark
Problema de alineación de cajas en sección 'You May Also Like'
Respuestas
2
Visitas
610
Francisco_39
  • Cerrado
Problema de alineación logo/header en navegadores diferentes
Respuestas
10
Visitas
322
coshi1992
L
Asignar clases CSS a imágenes según alineación en blog
Respuestas
8
Visitas
396
Linton
L
B
Problema de alineación entre tabla de contenidos y h1
Respuestas
1
Visitas
131
Draaven
D
Menú
Acceder
Registro