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>
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.
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; }
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>
Gracias Nieves! buena respuesta