usuario2953989
Quiero que algunos elementos de mi página se alineen al centro ya la derecha, pero las clases de arranque ‘text-right’ y ‘text-center’ no parecen funcionar, aunque ‘text-left’ sí.
Gracias.
<div class="container-fluid">
<div class="row text-center" id="header">
<div class="col-xs-12">
<div class="container" style="padding-left:30px; padding-right:30px;">
<div class="col-xs-2 text-left" id="mainLogo">
<a href="https://stackoverflow.com/"><img src="/stylesheet/main_logo.png" ></a>
</div>
<div class="col-xs-6 text-right">
<ul class="nav nav-pills">
<li role="presentation" class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-expanded="false">
<span class="glyphicon glyphicon-user"></span> Account <span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li id="ctl00">
<a href="http://stackoverflow.com/account/">Your Account</a>
</li>
<li id="user">
<a href="http://stackoverflow.com/profile/">Profile</a>
</li>
<li id="panel">
<a href="http://stackoverflow.com/shop/reviewbasket/">Basket</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="col-xs-4 text-right">
<div id="search">
</div>
</div>
</div>
</div>
</div>
</div>
Para aquellos que usan Bootstrap 5, tenga en cuenta que text-left y text-right las clases han sido eliminadas. Ahora puedes usar text-start y text-end.
-
El problema que tengo ahora es que text-start me está alineando a la derecha y text-end me está alineando a la izquierda.
– Corbeta alfabetizada
24 mayo 2021 a las 23:18
-
@LiterateCorvette, haga una nueva pregunta al respecto y cree un caso de prueba.
– Crasher
27 de mayo de 2021 a las 10:22
-
¿Puede proporcionar el enlace de la documentación? Traté de encontrar y todavía aparece el texto a la izquierda y a la derecha.
– Abbath CL
11 de febrero de 2022 a las 2:41
Zim
Bootstrap 5 – Actualización 2022
Como se explica aquí, izquierda & bien han sido reemplazados por comenzar & fin en Bootstrap 5…
- usar
float-enden un bloque de elementos (es decir:div) - usar
text-enden elementos en línea (es decir:a,span)
Bootstrap 4 – Actualización 2018
pull-right ha cambiado a float-right
Bootstrap 3 – Respuesta original
La pregunta original era para Bootstrap 3 y el problema era que el OP intentaba usar text-right en un elemento de bloque. text-right solo funciona en elementos en línea. UL es un elemento de bloque, por lo que usaría pull-right como esto..
<div class="col-xs-6">
<ul class="nav nav-pills pull-right">
...
Debería poder usar la consola de desarrollador de su navegador (el “inspector”) para ver las reglas de estilo que se están aplicando y dónde se está produciendo el desglose.
text-rightytext-centerfuncionan, pero puede que no a un nivel tan alto. Es probable que necesite ponerlo en cadaadentro de tu nav ul– nombre_usuario_aleatorio
3 de agosto de 2016 a las 14:27
Creo que está funcionando, consulte este violín jsfiddle.net/f0wL18zy hola esta en el centro
–Girdhari Agrawal
3 de agosto de 2016 a las 14:33
Para futuros lectores que utilicen Bootstrap 5, consulte: stackoverflow.com/questions/18672452/…
– Zim
9 de marzo de 2022 a las 14:17