Problema de alineación en Bootstrap

X

xcodex

• 8 Sep 2019

• #1

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>

 

D

Dtokee

Beta

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 8 Sep 2019

• #2

xcodex dijo:

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>

Hacer clic para expandir...

 

X

xcodex

• 8 Sep 2019

• #3

@Dtokee

xcodex dijo:

Mensaje en blanco. 😳

Hacer clic para expandir...

 

D

Dtokee

Beta

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 8 Sep 2019

• #4

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>

 

D

Dtokee

Beta

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 8 Sep 2019

• #5

xcodex dijo:

@Dtokee

Hacer clic para expandir...

Perdón! Ando desde el celular y se me dificulta escribir, mil disculpas. 😥

 

X

xcodex

• 8 Sep 2019

• #6

Dtokee dijo:

Perdón! Ando desde el celular y se me dificulta escribir, mil disculpas. 😥

Hacer clic para expandir...

No hay problema jaja

Funcionó de las dos manera, muchísimas gracias :-D

 

D

Dtokee

Beta

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 8 Sep 2019

• #7

xcodex dijo:

No hay problema jaja

Funcionó de las dos manera, muchísimas gracias :-D

Hacer clic para expandir...

Genial!! 😁👍

 

J

jrobertorma

Beta

Verificación en dos pasos activada

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 4 Nov 2019

• #8

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>