Problema de alinhamento no Bootstrap

  • Autor Autor xcodex
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
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:

Inserir CODE, HTML ou PHP: 
<div class="row d-flex justify-content-center">
<div class="col">
Aquí el texto.
</div>
</div>
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Continuar com o Google Criar conta com e-mail
Leva 30 segundos · você volta a este tópico ao terminar
xcodex disse:
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:

Inserir CODE, HTML ou PHP: 
<div class="row d-flex justify-content-center">
<div class="col">
Aquí el texto.
</div>
</div>
Clique para expandir...
 
Hola! Fíjate si te funciona alguna de esta 2 opciones.
1.
Inserir CODE, HTML ou PHP: 
<div class="row d-flex">
<div class="col">
<p class="text-right">Aquí el texto.</p>
</div>
</div>
2.
Inserir CODE, HTML ou 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>
 
Você precisa estar logado ou cadastrado para responder aqui.

Tópicos similares

F
Problema com alinhamento de produtos na página de carrinho
Respostas
1
Visitas
208
AryaStark
AryaStark
Morgabe
Problema de alinhamento de caixas na seção 'You May Also Like'
Respostas
2
Visitas
610
Jesús_Franc1sco
Jesús_Franc1sco
coshi1992
  • Trancado
Problema de alinhamento logo/header em navegadores diferentes
Respostas
10
Visitas
322
coshi1992
coshi1992
L
Atribuir classes CSS a imagens conforme alinhamento em blog
Respostas
8
Visitas
396
Linton
L
B
Problema de alinhamento entre tabela de conteúdos e h1
Respostas
1
Visitas
131
Draaven
D
Voltar
Topo