Puedes usar esta solucion, es mucho mas corta y funcional de igual forma:
<th class="text-right"> <span class="pull-left">Elemento</span> <i class="fa fa-sort-asc"></i> </th>
problema clase pull-right
Iniciado por
Daniel Ortiz
, may 05 2015 14:51
Solución elegida por el autor
Iniciado por
Nieves Nieto
, 05 mayo 2015 - 21:09
AUTOR PREGUNTA #1
Publicado 05 mayo 2015 - 14:51
Estoy usando la clase pull-right de bootstrap para alinear el icono en mi th en la parte derecha superior y removiendo la misma me alinea el mismo verticalmente a la izquierda. Mi pregunta es si existe una manera de que cuando use pull-right se alinee verticalmente a la derecha? Les dejo la linea donde uso la clase:
<th>Elementos <i class="fa fa-sort-asc pull-right"></i></th>
Agradezco todas las sugerencias.
-
¿Tienes la misma pregunta? Yo también
Esto también te interesa!
PREGUNTAS SIMILARES
#2
Publicado 05 mayo 2015 - 18:20
Puedes colocar el icono en la derecha y verticalmente alinearlo de la siguiente manera:
Codigo HTML
<th> <div class="header-with-icon"> <div>Nombre</div> <div class="text-right"><i class="fa fa-sort-asc"></i></div> </div> </th>
Codigo CSS
.header-with-icon{
display: table;
width: 100%;
}
.header-with-icon > div{
display: table-cell;
}
#3
Publicado 05 mayo 2015 - 21:09
Puedes usar esta solucion, es mucho mas corta y funcional de igual forma:
<th class="text-right"> <span class="pull-left">Elemento</span> <i class="fa fa-sort-asc"></i> </th>
AUTOR PREGUNTA #4
Publicado 06 mayo 2015 - 02:12
Gracias Nieves! buena respuesta
